• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > js的attr()和prop()和is()

js的attr()和prop()和is()

作者:数着日子等工资 字体:[增加 减小] 来源:互联网 时间:2017-09-05

数着日子等工资通过本文主要向大家介绍了jquery,读书笔记等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

简单来说,根本区别就是,attr操作HTML元素的属性,prop操作DOM元素的属性,因为DOM会解析某些HTML元素属性到自己身上,此时prop和attr都能操作这些属性。


廖老师教程原文,获取节点信息那块

prop()方法和attr()类似,但是HTML5规定有一种属性在DOM节点中可以没有值,只有出现与不出现两种,例如:

<input id="test-radio" type="radio" name="test" checked value="1">

等价于:

<input id="test-radio" type="radio" name="test" checked="checked" value="1">

attr()和prop()对于属性checked处理有所不同:

var radio = $('#test-radio');
radio.attr('checked'); // 'checked'
radio.prop('checked'); // true

prop()返回值更合理一些。


不过,用is()方法判断更好:
jQuery is()方法

var radio = $('#test-radio');
radio.is(':checked'); // true

类似的属性还有selected,处理时最好用is(‘:selected’)。

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jQuery动态追加页面数据以及事件委托详解
  • jquery点赞功能实现代码 点个赞吧!
  • jQuery extend()详解及简单实例
  • jquery仿微信聊天界面
  • 简单实现jQuery弹幕效果
  • jquery实现提示语淡入效果
  • Jquery获取radio选中的值
  • jQuery实现简单的抽奖游戏
  • jquery中each循环的简单回滚操作
  • fullPage.js和CSS3实现全屏滚动效果

相关文章

  • 2017-05-11xmlplus组件设计系列之选项卡(Tabbar)(5)
  • 2017-05-11JS模拟实现ECMAScript5新增的数组方法
  • 2017-05-11微信小程序 picker 组件详解及简单实例
  • 2017-05-11js实现带三角符的手风琴效果
  • 2017-08-26JavaScript闭包详解
  • 2017-05-11基于JQuery及AJAX实现名人名言随机生成器
  • 2017-05-11前端开发之CSS原理详解
  • 2017-05-11纯原生js实现贪吃蛇游戏
  • 2017-05-11AngularJs表单校验功能实例代码
  • 2017-08-02Ajax上传如何实现文件上传进度条

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jQuery实现用户输入自动完成功能
    • js 博客内容进度插件详解
    • 深入理解javascript的getTime()方法
    • node.js(express)中使用Jcrop进行图片剪切上传功能
    • node.js实现复制文本到剪切板的功能
    • 原生JS和jQuery操作DOM对比总结
    • 原生js实现焦点轮播图效果
    • 在GET请求方法中,实现向现有URL的末尾添加查询字符串参数
    • JavaScript数据结构之二叉树的计数算法示例
    • jQuery.Form上传文件操作

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有