jQuery 獲取/設(shè)置/刪除DOM元素的屬性以a元素為例
更新時(shí)間：2014年05月23日 10:36:34 作者：
這篇文章主要介紹了jQuery如何獲取/設(shè)置/刪除DOM元素的屬性,需要的朋友可以參考下
jQuery的屬性操作非常簡(jiǎn)單，下面以一個(gè)a元素來(lái)說(shuō)明屬性的獲?。O(shè)置／刪除操作
<body>
<a>jquery.com</a>
</body>
添加屬性
$('a').attr('href', 'http://www.jquery.com')
添加多個(gè)屬性
$('a').attr({'href':'http://www.jquery.com', 'title':'jquery.com'})
獲取屬性
$('a').attr('href')
class屬性
addClass()
添加一個(gè)class
hasClass()
判斷是否有參數(shù)中指定的class
removeClass()
移除一個(gè)class
toggleClass()
如果參數(shù)中指定的class已經(jīng)存在，則刪除，反之，則添加。
復(fù)制代碼 代碼如下:
<body>
<a>jquery.com</a>
</body>
添加屬性
$('a').attr('href', 'http://www.jquery.com')
添加多個(gè)屬性
$('a').attr({'href':'http://www.jquery.com', 'title':'jquery.com'})
獲取屬性
$('a').attr('href')
class屬性
addClass()
添加一個(gè)class
hasClass()
判斷是否有參數(shù)中指定的class
removeClass()
移除一個(gè)class
toggleClass()
如果參數(shù)中指定的class已經(jīng)存在，則刪除，反之，則添加。
相關(guān)文章
這篇文章主要介紹了jQuery中:reset選擇器用法,實(shí)例分析了:reset選擇器的功能、定義及匹配重置按鈕的使用技巧,需要的朋友可以參考下2015-01-01
jquery實(shí)現(xiàn)簡(jiǎn)單的拖拽效果實(shí)例兼容所有主流瀏覽器
拖拽效果個(gè)人覺(jué)得是一種不錯(cuò)的用戶(hù)體驗(yàn)，抽空研究了一下，原理還蠻簡(jiǎn)單的，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈2013-06-06
使用隱藏的new來(lái)創(chuàng)建對(duì)象
JQ中發(fā)現(xiàn)的，jQuery.Event類(lèi)。估計(jì)作者是為了減少代碼量。定義一個(gè)類(lèi)，但不用new關(guān)鍵字去創(chuàng)建該類(lèi)對(duì)象，而使用方法調(diào)用()方式去創(chuàng)建該對(duì)象。2011-03-03
本文給大家匯總介紹了一下Jquery使用小技巧，算是比較全面了，一共26個(gè)小店，非常細(xì)致,需要的朋友可以參考下2015-12-12
jquery插件之定時(shí)查詢(xún)待處理任務(wù)數(shù)量
這篇文章主要介紹了jquery定時(shí)查詢(xún)待處理任務(wù)數(shù)量插件示例2014-05-05
這篇文章主要介紹了關(guān)于jquery layui彈出層的使用方法,需要的朋友可以參考下2018-04-04
jQuery Mobile操作HTML5的常用函數(shù)總結(jié)
jQuery Mobile是針對(duì)移動(dòng)端開(kāi)發(fā)的JavaScript框架,正如其名基于jQuery庫(kù),jQuery Mobile主要被用來(lái)操作HTML5設(shè)計(jì)頁(yè)面UI,下面就來(lái)看一下jQuery Mobile操作HTML5的常用函數(shù)總結(jié):2016-05-05
『jQuery』名稱(chēng)沖突使用noConflict方法解決
jQuery 使用 $ 符號(hào)作為 jQuery 的簡(jiǎn)介方式。某些其他 JavaScript 庫(kù)中的函數(shù)（比如 Prototype）同樣使用 $ 符號(hào)，這樣就會(huì)發(fā)生名稱(chēng)沖突，使用名為 noConflict() 的方法來(lái)解決該問(wèn)題2013-04-04
本篇文章主要是對(duì)jquery.cookie的用法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
jQuery實(shí)現(xiàn)DIV層淡入淡出拖動(dòng)特效的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)DIV層淡入淡出拖動(dòng)特效的方法,涉及jQuery針對(duì)鼠標(biāo)操作的常用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02