jQuery 獲取/設(shè)置/刪除DOM元素的屬性以a元素為例
更新時間:2014年05月23日 10:36:34 作者:
這篇文章主要介紹了jQuery如何獲取/設(shè)置/刪除DOM元素的屬性,需要的朋友可以參考下
jQuery的屬性操作非常簡單,下面以一個a元素來說明屬性的獲?。O(shè)置/刪除操作
<body>
<a>jquery.com</a>
</body>
添加屬性
$('a').attr('href', 'http://www.jquery.com')
添加多個屬性
$('a').attr({'href':'http://www.jquery.com', 'title':'jquery.com'})
獲取屬性
$('a').attr('href')
class屬性
addClass()
添加一個class
hasClass()
判斷是否有參數(shù)中指定的class
removeClass()
移除一個class
toggleClass()
如果參數(shù)中指定的class已經(jīng)存在,則刪除,反之,則添加。
復(fù)制代碼 代碼如下:
<body>
<a>jquery.com</a>
</body>
添加屬性
$('a').attr('href', 'http://www.jquery.com')
添加多個屬性
$('a').attr({'href':'http://www.jquery.com', 'title':'jquery.com'})
獲取屬性
$('a').attr('href')
class屬性
addClass()
添加一個class
hasClass()
判斷是否有參數(shù)中指定的class
removeClass()
移除一個class
toggleClass()
如果參數(shù)中指定的class已經(jīng)存在,則刪除,反之,則添加。
相關(guān)文章
jquery實現(xiàn)簡單的拖拽效果實例兼容所有主流瀏覽器
拖拽效果個人覺得是一種不錯的用戶體驗,抽空研究了一下,原理還蠻簡單的,具體實現(xiàn)如下,感興趣的朋友可以參考下哈2013-06-06jQuery Mobile操作HTML5的常用函數(shù)總結(jié)
jQuery Mobile是針對移動端開發(fā)的JavaScript框架,正如其名基于jQuery庫,jQuery Mobile主要被用來操作HTML5設(shè)計頁面UI,下面就來看一下jQuery Mobile操作HTML5的常用函數(shù)總結(jié):2016-05-05