爱程序网

prop()函数和attr()函数区别简单介绍

来源: 阅读:

prop()函数和attr()函数区别简单介绍:
这两个函数都可以获取或者设置指定元素的属性值,具体用法这里就不多介绍,具体可以参阅:
prop()函数可以参阅jQuery的prop()方法一章节。
attr()函数可以参阅jQuery的attr()方法一章节。 
下面就介绍一下它们两者之间主要区别:
一.在复选框和单选框的区别:
以下面的单选按钮为例子:

 

<input type="radio" id="theradio"/>

 

jQuery代码如下:

$("#theradio").prop("checked");
$("#theradio").attr("checked");

prop()函数的结果:
1.如果被选中,返回值是true。
2.如果没有被选中,返回值是false。
attr()函数的结果:
1.如果被选中,返回值是checked。
2.如果没有被选中,返回值是undefined。
二.在div这种dom元素中的区别:
以下面的div为例子:

 

<div id="thediv">蚂蚁部落</div>

 

jQuery代码如下:

$("#thediv").prop("class"); 
$("#theradio").attr("class");

prop()函数的结果:
1.如果有相应的属性,返回指定属性值。

2.如果没有相应的属性,返回值是空字符串。
attr()函数的结果:
1.如果有相应的属性,返回指定属性值。
2.如果没有
相应的属性,返回值是undefined。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=11326

更多内容可以参阅:http://www.softwhy.com/jquery/

 

关于爱程序网 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助