jQuery使用元素屬性attr賦值詳解
更新時(shí)間：2015年02月27日 09:11:58 投稿：hebedich
本文主要給大家講解的是jQuery使用元素屬性attr設(shè)置多個鍵值或函數(shù)的方法和示例，非常的實(shí)用，推薦給小伙伴們參考下。
復(fù)制代碼 代碼如下:
1.$("Element").attr(name) '取得第一個匹配的屬性值，比如$("img").attr("src")
2.$("Element".attr(key,value)") '某一個元素設(shè)置屬性
3.$("Element".attr({key:value,key1:value,....})) ‘為某個元素一次性設(shè)置多個屬性
4.$("Element").attr(key,function) '為所有匹配的元素設(shè)置一個計(jì)算的屬性值。
5.$("Element").removeAttr(name)//移除某一個屬性
jQuery 代碼:
復(fù)制代碼 代碼如下:
$("img").attr("src");
參數(shù)properties 描述:
為所有圖像設(shè)置src和alt屬性。
jQuery 代碼:
復(fù)制代碼 代碼如下:
$("img").attr({ src: "test.jpg", alt: "Test Image" });
參數(shù)key,value 描述:
為所有圖像設(shè)置src屬性。
jQuery 代碼:
復(fù)制代碼 代碼如下:
$("img").attr("src","test.jpg");
參數(shù)key,回調(diào)函數(shù) 描述:
把src屬性的值設(shè)置為title屬性的值。
jQuery 代碼:
復(fù)制代碼 代碼如下:
$("img").attr("title", function() { return this.src });
以上就是本文的全部內(nèi)容了，都是個人的一些經(jīng)驗(yàn)總結(jié)，希望大家能夠喜歡。
您可能感興趣的文章:
- javascript中setAttribute()函數(shù)使用方法及兼容性
- js中的getAttribute方法使用示例
- javascript中attribute和property的區(qū)別詳解
- JavaScript中setAttribute用法介紹
- JS getAttribute和setAttribute(取得和設(shè)置屬性)的使用介紹
- JavaScript中的property和attribute介紹
- javascript setAttribute, getAttribute 在不同瀏覽器上的不同表現(xiàn)
- js setattribute批量設(shè)置css樣式
- Jquery attr()方法 屬性賦值和屬性獲取詳解
- jQuery使用attr()方法同時(shí)設(shè)置多個屬性值用法實(shí)例
- JavaScript中的 attribute 和 jQuery中的 attr 方法淺析
相關(guān)文章
有時(shí)候我們想在js里面使用加密，jQuery就提供了這樣的插件，用法十分簡單2010-03-03
這里以jquery異步獲取的數(shù)據(jù)類型——json對象和字符串為依據(jù)，分別介紹兩種方式獲取到的結(jié)果處理方式2014-07-07
jquery使用淘寶接口跨域查詢手機(jī)號碼歸屬地實(shí)例
這篇文章主要介紹了jquery使用淘寶接口跨域查詢手機(jī)號碼歸屬地的方法，大家參考使用吧2013-11-11
本篇文章主要介紹了ajax圖片上傳，圖片異步上傳，更新，具有一定的參考價(jià)值，有想去的可以了解一下。2016-12-12
前沿視頻出的《精通Javascript+jQuery》視頻教程,挺不錯的,值得看看。2009-08-08
這篇文章主要介紹了jQuery實(shí)現(xiàn)無限往下滾動效果代碼,涉及jQuery基于ajax交互操作數(shù)據(jù)庫數(shù)據(jù)及頁面元素動態(tài)變換的相關(guān)技巧,需要的朋友可以參考下2016-04-04
jQuery+CSS3+Html5實(shí)現(xiàn)彈出層效果實(shí)例代碼(附源碼下載)
款Jquery+CSS3+Html5實(shí)現(xiàn)彈出層效果,應(yīng)用范圍很廣泛,比如用在消息提示、彈出層顯示內(nèi)容、彈出層登錄等,帶遮罩效果，非常實(shí)用，對此功能感興趣的朋友可以參考下本地代碼2016-05-05
可以設(shè)置左邊菜單項(xiàng)div的overflow-x:auto;overlfow-y:auto;這樣就會自動生成了滾動條，但是大家都知道自帶的不好看。接下來就是重點(diǎn)了，如何修改滾動條的樣式呢？感興趣的朋友可以了解下本文2013-07-07
JQuery動態(tài)生成的按鈕無法觸發(fā)問題及完美解決方法
利用JQuery動態(tài)添加的按鈕無法通過$(selector).click方法觸發(fā)點(diǎn)擊事件,下面小編給大家?guī)砹薐Query動態(tài)生成的按鈕無法觸發(fā)問題與解決方法,需要的朋友可以參考下2023-02-02
基于?jquery-cxselect?實(shí)現(xiàn)下拉聯(lián)動效果功能實(shí)現(xiàn)
這篇文章主要介紹了基于?jquery-cxselect?實(shí)現(xiàn)下拉聯(lián)動效果,下拉聯(lián)動是基于query的一款聯(lián)動下拉菜單插件 jquery-cxselect實(shí)現(xiàn)，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-02-02