JQuery節(jié)點(diǎn)元素屬性操作方法
本文實(shí)例講述了JQuery節(jié)點(diǎn)元素屬性操作方法。分享給大家供大家參考。具體分析如下：
在JQuery中，用attr()方法來(lái)獲取和設(shè)置元素屬性，removeAttr()方法來(lái)刪除元素屬性。
獲取屬性和設(shè)置屬性
如果要獲取p元素的屬性title，那么只需要給attr()方法傳遞一個(gè)參數(shù)，即屬性名稱。
var $para = $("p"); //獲取<p>節(jié)點(diǎn)
var p_txt = $para.attr("title"); //獲取<p>元素節(jié)點(diǎn)屬性title
如果要設(shè)置<p>元素的屬性title的值，也可以使用同一個(gè)方法，不同的是，需要傳遞兩個(gè)參數(shù)即屬性名稱和對(duì)應(yīng)的值。
$("p").attr("title", "your title");
//設(shè)置單個(gè)的屬性值
如果需要一次性為同一個(gè)元素設(shè)置多個(gè)屬性，可以使用下面的代碼來(lái)實(shí)現(xiàn)：
$("p") .attr({"title" : "your title", "name": "test"});
//將一個(gè)“名/值”形式的對(duì)象設(shè)置為匹配元素的屬性
JQuery中的很多方法都是同一個(gè)函數(shù)實(shí)現(xiàn)獲取(getter)和設(shè)置(setter)的，例如上面的attr()方法，既能設(shè)置元素屬性的值，也能獲取元素屬性的值。類似的還有html()、text()、height()、width()、val()和css()等方法。
刪除屬性
在某些情況下，需要?jiǎng)h除文檔中某個(gè)元素的特定屬性，可以使用removeAttr()方法來(lái)完成該任務(wù)。
如果需要?jiǎng)h除p元素的title屬性，可以使用下面的代碼實(shí)現(xiàn)：
$("p").removeAttr("title");
//刪除<p>元素的屬性title
在Firebug下可以看得非常清楚。
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jQuery實(shí)現(xiàn)獲取隱藏div高度的方法示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)獲取隱藏div高度的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery針對(duì)頁(yè)面元素屬性操作的相關(guān)技巧,需要的朋友可以參考下2017-02-02
jQuery獲取瀏覽器中的分辨率實(shí)現(xiàn)代碼
本篇文章小編為大家介紹，使用jQuery獲取瀏覽器中的分辨率的方法。需要的朋友參考下2013-04-04
AJAX 全稱 Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）。它并非一種新的技術(shù)，而是以下幾種原有技術(shù)的結(jié)合體。接下來(lái)通過(guò)本文給大家介紹jQuery Ajax 異步加載顯示等待效果，需要的朋友一起學(xué)習(xí)吧2016-08-08
基于jquery實(shí)現(xiàn)的表格分頁(yè)實(shí)現(xiàn)代碼
該方法的運(yùn)用是從后臺(tái)數(shù)據(jù)庫(kù)中一次性取出所有的數(shù)據(jù)，運(yùn)用Jquery把一部分?jǐn)?shù)據(jù)隱藏起來(lái)，事實(shí)上數(shù)據(jù)還是全部在html頁(yè)面中2011-06-06
關(guān)于JQuery($.load)事件的用法和分析
本篇文章小編為大家介紹，關(guān)于JQuery($.load)事件的用法與分析，有需要的朋友可以關(guān)注一下2013-04-04
jQuery ajax調(diào)用webservice注意事項(xiàng)
這篇文章主要為大家詳細(xì)介紹了jQuery ajax調(diào)用webservice的注意事項(xiàng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
jquery 實(shí)現(xiàn)回車登錄詳解及實(shí)例代碼
這篇文章主要介紹了jquery 實(shí)現(xiàn)回車登錄詳解的相關(guān)資料,整理了幾種方法及簡(jiǎn)單實(shí)現(xiàn)實(shí)例，需要的朋友可以參考下2016-10-10
推薦給大家一款jQuery實(shí)現(xiàn)的仿FLASH超炫的導(dǎo)航特效代碼，有需要的小伙伴直接拿走吧2014-11-11
jQuery右側(cè)選項(xiàng)卡焦點(diǎn)圖片輪播特效代碼分享
這篇文章主要介紹了jQuery右側(cè)選項(xiàng)卡焦點(diǎn)圖片輪播特效，一段清新可愛(ài)的焦點(diǎn)圖輪播代碼，有需要的小伙伴可以參考下2015-09-09
今天小編就為大家分享一篇關(guān)于Jquery的Ajax技術(shù)使用方法，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-01-01