今天簡單說下prop和attr在設定,獲取和刪除屬性時的區別:
1.設定屬性
為了便於看到效果,先在網頁中寫入ul標籤,裡面插入屬性title,如下:
jquery檔案已引入
設定屬性:
$("ul li").prop("id","item");//-> 所有的li都新增上id="item"屬性
$("ul li").attr("id","item");//-> 所有的li都新增上id="item"屬性
所以在設定屬性時,prop和attr具有相當的效果
2. 獲取屬性
var cl1=$("ul li").prop("title");
var cl2=$("ul li").attr("tltle");
console.log(cl1,cl2);
控制台顯示: one one
根據效果都是顯示元素集合中第乙個元素的對應屬性值,所以在獲取屬性時,prop和attr具有相當的效果
3.刪除屬性
$("ul li").removeprop("title");//-> 此時每個li標籤的title="undefined",但是title屬性還是存在的
$("ul li").removeattr("title");//-> 此時便簽中的title屬性沒有了...
所以在刪除屬性時removeprop是刪除屬性的值,而不刪除屬性名;removeattr是直接刪除屬性名+屬性值~
今天先寫到這裡吧,噗~ attr 和prop 的區別
prop是1.6.1才新出來的,兩者從中文意思理解,都是獲取 設定屬性的方法 attributes和 properties 1 對於html元素本身就帶有的固有屬性,在處理時,使用prop方法。2 對於html元素是自定義的dom屬性,在處理時,使用attr方法。例子1 元素的dom屬性有 href...
prop 和attr 的區別
jquery1.6中新加了乙個方法prop 一直沒用過它,官方解釋只有一句話 獲取在匹配的元素集中的第乙個元素的屬性值。大家都知道有的瀏覽器只要寫disabled,checked就可以了,而有的要寫成disabled disabled checked checked 比如用attr checked ...
attr 和 prop 的區別
在高版本的jquery引入prop方法後,什麼時候該用prop?什麼時候用attr?它們兩個之間有什麼區別?這些問題就出現了。關於它們兩個的區別,網上的答案很多。這裡談談我的心得,我的心得很簡單 像checkbox,radio和select這樣的元素,選中屬性對應 checked 和 selecte...