jQuery .attr() vs .prop()

參考自：https://cythilya.github.io/2017/09/10/jquery-attr-vs-prop/

<input type="checkbox" class="checkbox-1" checked="true" />
<input type="checkbox" class="checkbox-2" />
<input type="checkbox" class="checkbox-3" checked="false" />

$('.checkbox-1').prop('checked'); //true
$('.checkbox-1').attr('checked'); //checked
$('.checkbox-2').prop('checked'); //false
$('.checkbox-2').attr('checked'); //undefined
$('.checkbox-3').prop('checked'); //true
$('.checkbox-3').attr('checked'); //checked

<input type="checkbox" class="checkbox-3" />

$('.checkbox-3').attr('checked', 'checked');
$('.checkbox-1').prop('checked', true)

** 由於 attribute 只要有設定 HTML 特性 checked，不論等號後面的值是什麼，甚至不帶值，皆會得到 checked，意即只要設定特性名稱即可。若要取消勾選則要使用 .removeAttr() 移除該特性。.prop() 仍是使用布林值設定勾選與否。

<input type="checkbox" class="checkbox-1" checked="false" />
<!-- 雖然設定checked為false, 仍然會check-->

转载于:https://www.cnblogs.com/sipher/p/11455302.html

jQuery .attr() vs .prop()相关推荐

jquery attr()和prop()方法的区别
$('').attr()返回的是html对象 $('').prop()返回的是DOM对象 attr(): attr() 方法设置或返回被选元素的属性和值. 当该方法用于返回属性值,则返回第一个匹配元素 ...
jQuery中attr和prop方法的区别
2019独角兽企业重金招聘Python工程师标准>>> 相比attr,prop是1.6.1才新出来的,两者从中文意思理解,都是获取/设置属性的方法(attributes和proper ...
Jquery中attr与prop的区别
prop()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性,返回值是空字符串. attr()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性, ...
JQuery中checkbox勾选/取消勾选的诡异问题（attr和prop）
#1.使用attr()实现勾选的问题 //HTML伪代码 <form>你爱好的运动是?<input type="checkbox" id="Checke ...
jquery中的attr()和prop()
2019独角兽企业重金招聘Python工程师标准>>> jQuery1.6中新添加了一个prop方法,看起来和用起来都和attr方法一样,这两个方法有什么区别呢?这要从HTMl 的a ...
jQuery函数attr()和prop()的区别
在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同. 但不得不说的是,这两个函数的用处却并不相同.下面我们来详细介绍这两个函数之间的区别. ...
jQuery实战之 attr() 和 prop() 的区别
是不是刚开始学jQuery的时候,看到了这两个方法:attr()和prop():感觉这不是一个意思吗?他们有什么区别呢? 下面简单的给大家区分一下: 对于HTML元素本身就带有的固有属性,在处理的时候 ...
[jQuery] jQuery的attr和prop方法有什么区别？
[jQuery] jQuery的attr和prop方法有什么区别? 一.property 固有属性. 打开控制台审查元素切换Tab至 Properties下查看固有属性二.自定义属性(固有属性列表 ...
attribute property --- jquery attr() prop()
看了http://www.cnblogs.com/aaronjs/p/3387906.html ,总结下: attribute: 特性直接写在标签上的属性,可以通过setAttribute.getA ...

jQuery .attr() vs .prop()

jQuery .attr() vs .prop()相关推荐

最新文章

热门文章