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)驗總結，希望大家能夠喜歡。
您可能感興趣的文章:
- 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 方法淺析
相關文章
有時候我們想在js里面使用加密，jQuery就提供了這樣的插件，用法十分簡單2010-03-03
這里以jquery異步獲取的數(shù)據(jù)類型——json對象和字符串為依據(jù)，分別介紹兩種方式獲取到的結果處理方式2014-07-07
這篇文章主要介紹了jquery使用淘寶接口跨域查詢手機號碼歸屬地的方法，大家參考使用吧2013-11-11
本篇文章主要介紹了ajax圖片上傳，圖片異步上傳，更新，具有一定的參考價值，有想去的可以了解一下。2016-12-12
前沿視頻出的《精通Javascript+jQuery》視頻教程,挺不錯的,值得看看。2009-08-08
這篇文章主要介紹了jQuery實現(xiàn)無限往下滾動效果代碼,涉及jQuery基于ajax交互操作數(shù)據(jù)庫數(shù)據(jù)及頁面元素動態(tài)變換的相關技巧,需要的朋友可以參考下2016-04-04
jQuery+CSS3+Html5實現(xiàn)彈出層效果實例代碼(附源碼下載)
款Jquery+CSS3+Html5實現(xiàn)彈出層效果,應用范圍很廣泛,比如用在消息提示、彈出層顯示內(nèi)容、彈出層登錄等,帶遮罩效果，非常實用，對此功能感興趣的朋友可以參考下本地代碼2016-05-05
可以設置左邊菜單項div的overflow-x:auto;overlfow-y:auto;這樣就會自動生成了滾動條，但是大家都知道自帶的不好看。接下來就是重點了，如何修改滾動條的樣式呢？感興趣的朋友可以了解下本文2013-07-07
JQuery動態(tài)生成的按鈕無法觸發(fā)問題及完美解決方法
利用JQuery動態(tài)添加的按鈕無法通過$(selector).click方法觸發(fā)點擊事件,下面小編給大家?guī)砹薐Query動態(tài)生成的按鈕無法觸發(fā)問題與解決方法,需要的朋友可以參考下2023-02-02
基于?jquery-cxselect?實現(xiàn)下拉聯(lián)動效果功能實現(xiàn)
這篇文章主要介紹了基于?jquery-cxselect?實現(xiàn)下拉聯(lián)動效果,下拉聯(lián)動是基于query的一款聯(lián)動下拉菜單插件 jquery-cxselect實現(xiàn)，本文通過實例代碼給大家介紹的非常詳細，需要的朋友可以參考下2023-02-02