jquery prop和attr的区别

------prop:

  例1:

 <a href="http://www.baidu.com" target="_self" class="btn">百度</a>

这个例子里<a>元素的DOM属性有“href、target和class",这些属性就是<a>元素本身就带有的属性,也是W3C标准里就包含有这几个属性,或者说在IDE里能够智能提示出的属性,这些就叫做固有属性。处理这些属性时,建议使用prop方法

  例2:

错误用法:

$("input[name='checkbox']").attr("checked",true);

     这个例子使用attr   但是这样是没有效果的

     因为checked 是input  type=checkbox标签 的固有属性,所以得使用prop

正确用法:

$("input[name='checkbox']").prop("checked",true);

-------attr:

 例1:

<div id="text" value="12345"  data-name="你好啊,朋友"><div>

    这个例子中 data-name 是我们自定义的属性,  像这种就可以使用attr

   另外 data-*  我们自定义属性的时候的规范写法  当然,你也可以不写data-   直接写name,例如下面

<div id="text" value="12345"  name="你好啊,朋友"><div>

   这样也可以的,但是这样如果一旦自定义属性多了。你自己也不好区分,那些是固有属性,哪些是我们自定义的属性,所以

  建议 自定义属性 都应该以规范的 data-*  来书写,

------------ 官方推荐使用

发布了50 篇原创文章 · 获赞 3 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/yangniceyangyang/article/details/103055030