JQuery節(jié)點元素屬性操作方法
本文實例講述了JQuery節(jié)點元素屬性操作方法。分享給大家供大家參考。具體分析如下:
在JQuery中,用attr()方法來獲取和設置元素屬性,removeAttr()方法來刪除元素屬性。
獲取屬性和設置屬性
如果要獲取p元素的屬性title,那么只需要給attr()方法傳遞一個參數(shù),即屬性名稱。
var $para = $("p"); //獲取<p>節(jié)點 var p_txt = $para.attr("title"); //獲取<p>元素節(jié)點屬性title
如果要設置<p>元素的屬性title的值,也可以使用同一個方法,不同的是,需要傳遞兩個參數(shù)即屬性名稱和對應的值。
$("p").attr("title", "your title"); //設置單個的屬性值
如果需要一次性為同一個元素設置多個屬性,可以使用下面的代碼來實現(xiàn):
$("p") .attr({"title" : "your title", "name": "test"}); //將一個“名/值”形式的對象設置為匹配元素的屬性
JQuery中的很多方法都是同一個函數(shù)實現(xiàn)獲取(getter)和設置(setter)的,例如上面的attr()方法,既能設置元素屬性的值,也能獲取元素屬性的值。類似的還有html()、text()、height()、width()、val()和css()等方法。
刪除屬性
在某些情況下,需要刪除文檔中某個元素的特定屬性,可以使用removeAttr()方法來完成該任務。
如果需要刪除p元素的title屬性,可以使用下面的代碼實現(xiàn):
$("p").removeAttr("title"); //刪除<p>元素的屬性title
在Firebug下可以看得非常清楚。
希望本文所述對大家的jQuery程序設計有所幫助。
相關(guān)文章
jQuery Validate表單驗證插件的基本使用方法及功能拓展
這篇文章主要介紹了jQuery Validate表單驗證插件的基本使用方法及功能拓展的相關(guān)資料,本文給大家介紹的非常詳細,需要的朋友可以參考下2017-01-01jQuery插件Echarts實現(xiàn)的雙軸圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件Echarts實現(xiàn)的雙軸圖效果,結(jié)合完整實例形式分析了Echarts插件制作雙軸圖效果的操作步驟與相關(guān)實現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03JQuery form表單提交前驗證單選框是否選中、刪除記錄時驗證經(jīng)驗總結(jié)(整理)
這篇文章主要介紹了JQuery form表單提交前驗證單選框是否選中、刪除記錄時驗證經(jīng)驗總結(jié),非常不錯,具有參考借鑒價值,需要的朋友參考下吧2017-06-06jQuery實現(xiàn)單擊按鈕遮罩彈出對話框效果(2)
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)單擊按鈕遮罩彈出對話框效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02jQuery 1.0.4 - New Wave Javascript(js源文件)
jQuery 1.0.4 - New Wave Javascript(js源文件)...2007-01-01