jQuery中attr()和prop()方法的区别

jQuery中attr()和prop()方法的区别

两者皆是设置或返回被选元素的属性和值。用法也一样。

1.当小括号中为两个参数时，是设置属性的属性值。
2.当小括号中为一个参数时，为获取该元素的属性值。

$(function () {
    $("#btn").click(function () {
    	$("a").attr("titile",百度)；           //设置属性的属性值
    	$("a").attr("herf","http://www.baidu.com")；      设置属性的属性值
    	console.log($("a").attr("title));           //获取该元素的属性值。
    });
});	    

但是在遇到像是 checked，selected，disable 这种值为true和false的属性时,使用的是prop()方法。
如下面是设置复选框的一个小例子：

 <script>
     $(function () {
     	$("#btn").click(function () {
          var flag=$("#chk").prop("checked")；           //获取checked的属性值
          if (falg)  {
          	$("#chk").prop("checked",false);              //设置属性，为不选中状态
           }   else {
           	$("#chk").prop("checked",true);             //设置属性，为选中状态
           ｝
       });
    });
 </script>