JQuery
工作中用到的JQ 備忘記錄
1
$("div").attr(),和$("div").prop();
| 項目 | 參數(shù) |
|---|---|
| attr() | class,id ,data_id |
| porp() | index, checked、selected、disabled |
其中對DOM元素自身屬性的改寫與賦值經(jīng)常忘記一個方法 就是$("div").prop().
關(guān)于他們兩個用法的比較:
http://www.365mini.com/page/jquery-attr-vs-prop.htm
總結(jié)來看就是
| 項目 | 參數(shù) |
|---|---|
| attr() | class,id ,data_id |
| porp() | index, checked、selected、disabled |
因為jQuery認(rèn)為：attribute的checked、selected、disabled就是表示該屬性初始狀態(tài)的值，property的checked、selected、disabled才表示該屬性實時狀態(tài)的值(值為true或false)。
因此，在jQuery 1.6及以后版本中，請使用prop()函數(shù)來設(shè)置或獲取checked、selected、disabled等屬性。對于其它能夠用prop()實現(xiàn)的操作，也盡量使用prop()函數(shù)。
<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">
// 當(dāng)前jQuery版本為1.11.1
var uid = document.getElementById("uid");
var $uid = $(uid);
document.writeln( $uid.attr("checked") ); // checked
document.writeln( $uid.prop("checked") ); // true
// 取消復(fù)選框uid的選中(將其設(shè)為false即可)
// 相當(dāng)于 uid.checked = false;
$uid.prop("checked", false);
// attr()獲取的是初始狀態(tài)的值，即使取消了選中，也不會改變
document.writeln( $uid.attr("checked") ); // checked
// prop()獲取的值已經(jīng)發(fā)生變化
document.writeln( $uid.prop("checked") ); // false
</script>
