prop和attr的區別 jQuery

2021-08-20 11:30:56 字數 1005 閱讀 2183

今天簡單說下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...