jqueryprop,jquery prop无效

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

jquery prop 是什么意思?

prop()获取匹配的元素的属性值。

这个方法是jquery1.6以后出来的，用来区别之前的.attr()方法.

区别最大的一点就是：布尔型的属性，1.6以后都是用.prop()方法就好了。

这个布尔型的属性，再解释一下，是属性值只有true|false的属性。

还有种情况就是只添加属性名，不需要写属性值的就可以生效的也同样使用.prop()方法。比如：checked、disable这样的，其实它们说到底还是属于布尔型的属性。

1.添加属性名称该属性就会生效应该使用prop();

2.是有true,false两个属性使用prop();

3.其他则使用attr();

相关问答

Q1: jquery prop（）函数

prop函数用于设置或返回当前jQuery对象所匹配的元素的属性值

div ccc='aaa'/div

$("div").prop("ccc")//输出aaa

类似attr方法

对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。

对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。

Q2: jquery的prop方法怎么用

你好！

jquery的prop()函数，跟attr()函数类似，具体用法prop("属性名","属性值")

它们的区别是prop()一般用于元素自带属性，比如checkbox的checked属性

input type="checkbox" id="aa" value="0" /

$("#aa").prop("checked",true) 选中，设置为false则为取消选中

而attr()更多用在自定义属性上面

div id="cc" sourceType="java" /div

$("#cc").attr("sourceType", "javascript");

希望对你有帮助！

Q3: jquery中attr和prop的区别

两者从中文意思理解，都是获取/设置属性的方法。

attr 方法一般用于操作自定义属性，通过访问、操作 DOM 元素的属性节点来工作，类似 JS 中的 setAttribute("属性","值")和取得属性值getAttribute("属性")，事实上 jQuery 的源码中也是利用这两个原生方法。

那么为什么还要有 prop 方法呢？不是多此一举吗？其实不然，prop 方法是 jQuery v1.6.1 才新出来的，性能要更好一些，解决了 window 或 document 无法使用 attr 方法的问题，同时在获取元素状态时返回布尔值，大大方便了对状态的判断。prop 一般用于操作 HTML 元素固有属性。

举一些例子来辅助说明吧，假设有如下 HTML 元素：

input type="text" id="ipt1" name="demo"

input type="radio" id="radio" disabled

input type="checkbox" id="ckbox" checked

input type="text" id="ipt3"

input type="text" id="ipt4"

span id="span" data-tip="abc"/span

验证结果如下：

console.group('获取固有属性');

console.log($('#ipt1').attr('name')); // 'demo'

console.log($('#ipt1').prop('name')); // 'demo'

console.groupEnd();