JQuery節(jié)點(diǎn)元素屬性操作方法
本文實(shí)例講述了JQuery節(jié)點(diǎn)元素屬性操作方法。分享給大家供大家參考。具體分析如下:
在JQuery中,用attr()方法來(lái)獲取和設(shè)置元素屬性,removeAttr()方法來(lái)刪除元素屬性。
獲取屬性和設(shè)置屬性
如果要獲取p元素的屬性title,那么只需要給attr()方法傳遞一個(gè)參數(shù),即屬性名稱(chēng)。
var $para = $("p"); //獲取<p>節(jié)點(diǎn) var p_txt = $para.attr("title"); //獲取<p>元素節(jié)點(diǎn)屬性title
如果要設(shè)置<p>元素的屬性title的值,也可以使用同一個(gè)方法,不同的是,需要傳遞兩個(gè)參數(shù)即屬性名稱(chēng)和對(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è)置元素屬性的值,也能獲取元素屬性的值。類(lèi)似的還有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)文章
簡(jiǎn)單講解jQuery中的子元素過(guò)濾選擇器
這篇文章主要介紹了jQuery中的子元素過(guò)濾選擇器,列舉了一些操作DOM時(shí)獲取父元素的一些方法,需要的朋友可以參考下2016-04-04jQuery Validate表單驗(yàn)證插件的基本使用方法及功能拓展
這篇文章主要介紹了jQuery Validate表單驗(yàn)證插件的基本使用方法及功能拓展的相關(guān)資料,本文給大家介紹的非常詳細(xì),需要的朋友可以參考下2017-01-01jQuery插件Echarts實(shí)現(xiàn)的雙軸圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件Echarts實(shí)現(xiàn)的雙軸圖效果,結(jié)合完整實(shí)例形式分析了Echarts插件制作雙軸圖效果的操作步驟與相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jQuery響應(yīng)鼠標(biāo)事件并隱藏與顯示input默認(rèn)值
這篇文章主要介紹了jQuery響應(yīng)鼠標(biāo)事件并隱藏與顯示input默認(rèn)值的具體實(shí)現(xiàn),需要的朋友可以參考下2014-08-08JQuery form表單提交前驗(yàn)證單選框是否選中、刪除記錄時(shí)驗(yàn)證經(jīng)驗(yàn)總結(jié)(整理)
這篇文章主要介紹了JQuery form表單提交前驗(yàn)證單選框是否選中、刪除記錄時(shí)驗(yàn)證經(jīng)驗(yàn)總結(jié),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2017-06-06基于jquery1.4.2的仿flash超炫焦點(diǎn)圖播放效果
有了jquery一切變的如此簡(jiǎn)單!讓js做的動(dòng)畫(huà)更有動(dòng)感。2010-04-04jQuery實(shí)現(xiàn)單擊按鈕遮罩彈出對(duì)話(huà)框效果(2)
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)單擊按鈕遮罩彈出對(duì)話(huà)框效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02jQuery 1.0.4 - New Wave Javascript(js源文件)
jQuery 1.0.4 - New Wave Javascript(js源文件)...2007-01-01jQuery右鍵菜單contextMenu使用實(shí)例
在最近項(xiàng)目中需要頻繁的右鍵菜單操作。我采用了contextMenu這款jQuery插件。2011-09-09