先看一個例子：

方法1使用的是javascript原始方法；方法2用到了this，this就相當于一個指針，返回的是一個dom對象，本例中返回a標簽對象。所以this.id可直接得到id。方法3將dom對象轉(zhuǎn)換成了jQuery對象，再利用jQuery封裝的方法attr()得到a標簽的ID。

可見，有時候用javascript配合jQuery會很方便。下邊著重總結(jié)一下jQuery操作元素屬性。

◦attr(name)             取得元素的屬性值
◦attr(properties)    設置元素屬性，以名/值形式設置
◦attr(key,value)       為元素設置屬性值
◦removeAttr(name) 移除元素的屬性值

下邊以實例說明每種方法的具體用法。

大家可能已經(jīng)發(fā)現(xiàn)了，在jQuery中attr()方法，既可以獲得元素的屬性值，又能設置元素的屬性值。是的，在jQuery中，類似的方法還有很多，現(xiàn)在將它們總結(jié)下來，以后用起來也會比較容易。

方法有：

◦html()  獲取或設置元素節(jié)點的html內(nèi)容
◦text()  獲取或設置元素節(jié)點的文本內(nèi)容
◦height()  獲取或設置元素高度
◦ width()  獲取或設置元素寬度
◦ val()  獲取或設置輸入框的值

以html()為例，其余的相似：

以上這些就是jQuery操作元素屬性的一些基本方法了，經(jīng)過本次的總結(jié)，相信大家在使用jQuery時，會更加的熟練。

以下是其它網(wǎng)友的補充：

下面就列出jQuery中提供的方法：

操作元素屬性：each(iterator)遍歷包裝集里所有元素，為各元素分別調(diào)用傳遞進來的迭代器函數(shù)。參數(shù)iterator 一個函數(shù)，為匹配集中的各元素分別調(diào)用一次。傳遞到函數(shù)的參數(shù)被設置為包裝集里當前元素的下標（從0開始），而當前元素可通過函數(shù)this屬性來訪問。

獲取特性值：attr(name)獲取指派到包裝集里第一個元素指定特性的值。參數(shù) name為特性的名稱，該特性的值將被獲取。如果沒有該特性則返回undefined值。

<img id="myImage" src="image.gif" alt="An image" class="someClass" title="This is an image" custom="some value">

$("#myImage").attr("custom") 得到值就是some value。

設置特性值：attr(name,value)為包裝集里的所有元素的name特性設置傳遞進來的值。name將被設置的特性的名稱，value指定特性的值。

該函數(shù)是設置頁面上的所有元素的title特性為一個字符串。由DOM中元素的下標和各個特定元素id特性值所組成的字符串。

attr()還可以一次設置多個特性到包裝集里所有元素的快速簡便的方式。attr(attributes)。

該函數(shù)把所有<input>元素的value設置為空字符串，同時把title設置為字符串Please enter a value。

最新評論