这两个函数非常的类似,都可以获取或者设置匹配元素的属性值,但是两者还是有很大区别的。

下面就通过实例代码简单介绍一下它们的区别:
   [ jQuery ] 运行代码    下载代码
<script>
<div id="thediv"></div>
</script>
下面的jQuery代码会对上面的div进行操作。
   [ jQuery ] 运行代码    下载代码
<script>
$("#thediv").attr("class");//返回undefined 
$("#thediv").prop("class");//返回一个空字符串
</script>
这说明,在div这种类似的元素中,如果指定的属性不存在,那么attr()函数获取的属性值是undefined,而prop()函数返回值却是一个空字符串。下面继续分析:
   [ jQuery ] 运行代码    下载代码
<script>
<input type="checkbox" id="ck" value="antzone" />
</script>
下面的jQuery代码会对上面的复选框进行操作:
   [ jQuery ] 运行代码    下载代码
<script>
$("#ck").attr("checked");//返回undefined 
$("#ck").prop("checked");//返回false
</script>

代码描述:prop()函数和attr()函数区。prop()函数和attr()函数区代码实例



128 171



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到