jQuery使用元素屬性attr賦值詳解
1.$("Element").attr(name) '取得第一個(gè)匹配的屬性值,比如$("img").attr("src")
2.$("Element".attr(key,value)") '某一個(gè)元素設(shè)置屬性
3.$("Element".attr({key:value,key1:value,....})) ‘為某個(gè)元素一次性設(shè)置多個(gè)屬性
4.$("Element").attr(key,function) '為所有匹配的元素設(shè)置一個(gè)計(jì)算的屬性值。
5.$("Element").removeAttr(name)//移除某一個(gè)屬性
jQuery 代碼:
$("img").attr("src");
參數(shù)properties 描述:
為所有圖像設(shè)置src和alt屬性。
jQuery 代碼:
$("img").attr({ src: "test.jpg", alt: "Test Image" });
參數(shù)key,value 描述:
為所有圖像設(shè)置src屬性。
jQuery 代碼:
$("img").attr("src","test.jpg");
參數(shù)key,回調(diào)函數(shù) 描述:
把src屬性的值設(shè)置為title屬性的值。
jQuery 代碼:
$("img").attr("title", function() { return this.src });
以上就是本文的全部內(nèi)容了,都是個(gè)人的一些經(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è)置多個(gè)屬性值用法實(shí)例
- JavaScript中的 attribute 和 jQuery中的 attr 方法淺析
相關(guān)文章
jQuery實(shí)現(xiàn)可兼容IE6的遮罩功能詳解
這篇文章主要介紹了jQuery實(shí)現(xiàn)可兼容IE6的遮罩功能,詳細(xì)分析了jQuery遮罩層的布局、樣式及功能實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-09-09jQuery序列化表單成對(duì)象的簡單實(shí)現(xiàn)
下面小編就為大家?guī)硪黄猨Query序列化表單成對(duì)象的簡單實(shí)現(xiàn)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11使用jquery的jsonp如何發(fā)起跨域請(qǐng)求及其原理詳解
JSONP是一個(gè)非官方的協(xié)議,它允許在服務(wù)器端集成Script tags返回至客戶端,通過JavaScript callback的形式實(shí)現(xiàn)跨域訪問(這僅僅是JSONP簡單的實(shí)現(xiàn)形式)。下面這篇文章主要給大家介紹了關(guān)于使用jquery的jsonp如何發(fā)起跨域請(qǐng)求及其原理的相關(guān)資料,需要的朋友可以參考下。2017-08-08jquery插件bootstrapValidator表單驗(yàn)證詳解
這篇文章主要為大家詳細(xì)介紹了jquery插件bootstrapValidator表單驗(yàn)證,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12JavaScript實(shí)現(xiàn)的滾動(dòng)公告特效【基于jQuery】
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的滾動(dòng)公告特效,結(jié)合完整實(shí)例形式詳細(xì)分析了基于jQuery實(shí)現(xiàn)的頁面元素間歇修改,最終達(dá)到滾動(dòng)公告效果的相關(guān)操作技巧,需要的朋友可以參考下2019-07-07JQuery中clone方法復(fù)制節(jié)點(diǎn)
這篇文章主要介紹了JQuery中clone方法復(fù)制節(jié)點(diǎn),實(shí)例分析了clone方法淺克隆與深克隆的使用方法,需要的朋友可以參考下2015-05-05jquery實(shí)現(xiàn)tab菜單切換內(nèi)容(精簡版demo)
這篇文章主要為大家介紹了jquery實(shí)現(xiàn)tab菜單切換內(nèi)容的精簡方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10