jQuery 获取 attr() 与 prop() 属性值的方法及区别介绍
来源:互联网 发布:小工具源码 编辑:程序博客网 时间:2024/06/07 16:55
转载地址: https://luluqi.cn/post/198
一、问题来源
在高版本的 jquery 引入 prop 方法后,什么时候该用 prop?什么时候用 attr?它们两个之间有什么区别?这些问题就出现了。
对于 HTML 元素本身就带有的固有属性,在处理时,使用 prop 方法。
对于 HTML 元素自定义的 DOM 属性,在处理时,使用 attr 方法。
二、举例
<input id="chk1" type="checkbox" data-name='hello'/>是否可见
<input id="chk2" type="checkbox" checked="checked" />是否可见
1、像 checkbox,radio 和 select 这样的元素,选中属性对应“checked”和“selected”,这些也属于固有属性,因此需要使用 prop 方法去操作才能获得正确的结果。
$("#chk1").prop("checked") == false
$("#chk2").prop("checked") == true
如果上面使用attr方法,则会出现:
$("#chk1").attr("checked") == undefined
$("#chk2").attr("checked") == "checked"
2、而自定义属性 data-name 需要使用 attr
$("#chk1").prop("data-name") == undefined
如果上面使用attr方法,则会出现:
$("#chk1").attr("data-name") == "hello"
阅读全文
0 0
- jQuery 获取 attr() 与 prop() 属性值的方法及区别介绍
- jquery中获取属性值的方法attr() prop()的区别
- jQuery中的attr()与prop()设置属性、获取属性的区别
- jQuery中attr()方法和prop()方法获取input的checked属性的区别
- jquery中 attr()与prop()属性的区别
- jQuery的attr(),removeAttr()与prop(),removeProp()方法的区别
- jQuery的attr与prop使用介绍
- jQuery的attr与prop使用介绍
- 【Jquery】prop与attr的区别
- jquery attr与prop 的区别
- jQuery的attr与prop使用区别
- jquery中attr与prop的区别
- jQuery中attr()与prop()的区别
- jquery中attr()与prop()的区别
- jQuery中attr()与prop()的区别
- jquery获取自定义属性(attr和prop)实例介绍
- jquery获取自定义属性(attr和prop)实例介绍
- JQUERY prop与attr区别
- App实战节选-购物车
- 读《JAVA 编程及其应用》【英文版】
- 摄像机
- Eclipse R文件不见
- QML之Flow流式布局
- jQuery 获取 attr() 与 prop() 属性值的方法及区别介绍
- 今日小程序推荐:天天码图-极乐小程序商店
- 简单自定义view拖拽--桃先森
- 安卓 集成微信(一)实现微信登录详解
- jqeury checkbox全选/反选 ,子选项全选,全选选中
- Android Studio下的串口程序开发实战
- ubuntu迁移已安装的软件到新的机器上
- Android 中application 详解
- int、 NSInteger、 NSUInteger、NSNumber之间的区别