JQuery
工作中用到的JQ 备忘记录
1
$("div").attr(),和$("div").prop();
| 项目 | 参数 |
|---|---|
| attr() | class,id ,data_id |
| porp() | index, checked、selected、disabled |
其中对DOM元素自身属性的改写与赋值经常忘记一个方法 就是$("div").prop().
关于他们两个用法的比较:
http://www.365mini.com/page/jquery-attr-vs-prop.htm
总结来看就是
| 项目 | 参数 |
|---|---|
| attr() | class,id ,data_id |
| porp() | index, checked、selected、disabled |
因为jQuery认为：attribute的checked、selected、disabled就是表示该属性初始状态的值，property的checked、selected、disabled才表示该属性实时状态的值(值为true或false)。
因此，在jQuery 1.6及以后版本中，请使用prop()函数来设置或获取checked、selected、disabled等属性。对于其它能够用prop()实现的操作，也尽量使用prop()函数。
<script src="https://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
<input id="uid" type="checkbox" checked="checked" value="1">
<script type="text/javascript">
// 当前jQuery版本为1.11.1
var uid = document.getElementById("uid");
var $uid = $(uid);
document.writeln( $uid.attr("checked") ); // checked
document.writeln( $uid.prop("checked") ); // true
// 取消复选框uid的选中(将其设为false即可)
// 相当于 uid.checked = false;
$uid.prop("checked", false);
// attr()获取的是初始状态的值，即使取消了选中，也不会改变
document.writeln( $uid.attr("checked") ); // checked
// prop()获取的值已经发生变化
document.writeln( $uid.prop("checked") ); // false
</script>
