每個(gè)元素都有一個(gè)或者多個(gè)特性,這些特性的用途就是給出相應(yīng)元素或者其內(nèi)容的附加信息。如:在img元素中,src就是元素的特性,用來標(biāo)記圖片的地址。
操作特性的DOM方法主要有3個(gè),getAttribute方法、setAttribute方法和removeAttribute方法,就算如此在實(shí)際操作中還是會(huì)存在很多問題,這里先不說。而在jQuery中用一個(gè)attr()與removeAttr()就可以全部搞定了,包括兼容問題
jQuery中用attr()方法來獲取和設(shè)置元素屬性,attr是attribute(屬性)的縮寫,在jQuery DOM操作中會(huì)經(jīng)常用到attr()
attr()有4個(gè)表達(dá)式
removeAttr()刪除方法
.removeAttr( attributeName ) : 為匹配的元素集合中的每個(gè)元素中移除一個(gè)屬性(attribute)
優(yōu)點(diǎn):
attr、removeAttr都是jQuery為了屬性操作封裝的,直接在一個(gè) jQuery 對(duì)象上調(diào)用該方法,很容易對(duì)屬性進(jìn)行操作,也不需要去特意的理解瀏覽器的屬性名不同的問題
注意的問題:
dom中有個(gè)概念的區(qū)分:Attribute和Property翻譯出來都是“屬性”,《js高級(jí)程序設(shè)計(jì)》書中翻譯為“特性”和“屬性”。簡單理解,Attribute就是dom節(jié)點(diǎn)自帶的屬性
例如:html中常用的id、class、title、align等:
<div id="immooc" title="慕課網(wǎng)"></div>
而Property是這個(gè)DOM元素作為對(duì)象,其附加的內(nèi)容,例如,tagName, nodeName, nodeType,, defaultChecked, 和 defaultSelected 使用.prop()方法進(jìn)行取值或賦值等
獲取Attribute就需要用attr,獲取Property就需要用prop
在代碼編輯器中第31行填寫相應(yīng)代碼
$("input:first")
在代碼編輯器中第36行填寫相應(yīng)代碼
$("input:eq(1)")
在代碼編輯器中第43行填寫相應(yīng)代碼
$("input:eq(2)")
在代碼編輯器中第50行填寫相應(yīng)代碼
$("input:eq(3)")
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)