当前位置: 代码迷 >> .NET相关 >> prop()函数跟attr()函数区别简单介绍
  详细解决方案

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

热度:205   发布时间:2016-04-24 02:36:51.0
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/

 

  相关解决方案