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