------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-* 来书写,