jQuery使用元素屬性attr賦值詳解
更新時間：2015年02月27日 09:11:58 投稿：hebedich
本文主要給大家講解的是jQuery使用元素屬性attr設置多個鍵值或函數(shù)的方法和示例，非常的實用，推薦給小伙伴們參考下。
復制代碼 代碼如下:
1.$("Element").attr(name) '取得第一個匹配的屬性值，比如$("img").attr("src")
2.$("Element".attr(key,value)") '某一個元素設置屬性
3.$("Element".attr({key:value,key1:value,....})) ‘為某個元素一次性設置多個屬性
4.$("Element").attr(key,function) '為所有匹配的元素設置一個計算的屬性值。
5.$("Element").removeAttr(name)//移除某一個屬性
jQuery 代碼:
復制代碼 代碼如下:
$("img").attr("src");
參數(shù)properties 描述:
為所有圖像設置src和alt屬性。
jQuery 代碼:
復制代碼 代碼如下:
$("img").attr({ src: "test.jpg", alt: "Test Image" });
參數(shù)key,value 描述:
為所有圖像設置src屬性。
jQuery 代碼:
復制代碼 代碼如下:
$("img").attr("src","test.jpg");
參數(shù)key,回調(diào)函數(shù) 描述:
把src屬性的值設置為title屬性的值。
jQuery 代碼:
復制代碼 代碼如下:
$("img").attr("title", function() { return this.src });
以上就是本文的全部內(nèi)容了，都是個人的一些經(jīng)驗總結(jié)，希望大家能夠喜歡。
您可能感興趣的文章:
- javascript中setAttribute()函數(shù)使用方法及兼容性
- js中的getAttribute方法使用示例
- javascript中attribute和property的區(qū)別詳解
- JavaScript中setAttribute用法介紹
- JS getAttribute和setAttribute(取得和設置屬性)的使用介紹
- JavaScript中的property和attribute介紹
- javascript setAttribute, getAttribute 在不同瀏覽器上的不同表現(xiàn)
- js setattribute批量設置css樣式
- Jquery attr()方法 屬性賦值和屬性獲取詳解
- jQuery使用attr()方法同時設置多個屬性值用法實例
- JavaScript中的 attribute 和 jQuery中的 attr 方法淺析
相關(guān)文章
這篇文章主要介紹了jQuery實現(xiàn)可兼容IE6的遮罩功能,詳細分析了jQuery遮罩層的布局、樣式及功能實現(xiàn)技巧,需要的朋友可以參考下2017-09-09
這篇文章主要介紹了jQuery簡單實現(xiàn)MD5加密的方法,基于jquery.md5.js插件實現(xiàn)md5加密功能,非常簡單實用,需要的朋友可以參考下2017-03-03
layer是一款近年來備受青睞的web彈層組件，這篇文章主要介紹了layui彈出層效果的實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
下面小編就為大家?guī)硪黄猨Query序列化表單成對象的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
使用jquery的jsonp如何發(fā)起跨域請求及其原理詳解
JSONP是一個非官方的協(xié)議，它允許在服務器端集成Script tags返回至客戶端，通過JavaScript callback的形式實現(xiàn)跨域訪問（這僅僅是JSONP簡單的實現(xiàn)形式）。下面這篇文章主要給大家介紹了關(guān)于使用jquery的jsonp如何發(fā)起跨域請求及其原理的相關(guān)資料，需要的朋友可以參考下。2017-08-08
這篇文章主要介紹了jQuery對html元素取值與賦值的方法，有需要的朋友可以參考一下2013-11-11
jquery插件bootstrapValidator表單驗證詳解
這篇文章主要為大家詳細介紹了jquery插件bootstrapValidator表單驗證，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
JavaScript實現(xiàn)的滾動公告特效【基于jQuery】
這篇文章主要介紹了JavaScript實現(xiàn)的滾動公告特效,結(jié)合完整實例形式詳細分析了基于jQuery實現(xiàn)的頁面元素間歇修改,最終達到滾動公告效果的相關(guān)操作技巧,需要的朋友可以參考下2019-07-07
這篇文章主要介紹了JQuery中clone方法復制節(jié)點,實例分析了clone方法淺克隆與深克隆的使用方法,需要的朋友可以參考下2015-05-05
jquery實現(xiàn)tab菜單切換內(nèi)容(精簡版demo)
這篇文章主要為大家介紹了jquery實現(xiàn)tab菜單切換內(nèi)容的精簡方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-10-10