jQuery API之 .attr(attributeName)

.attr()這個API用于獲取匹配的第一個元素的屬性值
這一點很重要,如果返回的是一個偽數(shù)組,那也只獲取第一個
只是獲取值是第一個,但是如果是添加就可以同時添加多個了

括號里面的是字符串

$('a').attr('href')

這一段代碼用于獲取頁面第一個a標簽的href對應(yīng)的值,如果href沒有則返回undefined

$('img').attr('src','xxx')

這就是直接設(shè)置一個屬性值

$('img').attr({
  'src': 'xxx',
  'name': 'yyy'
})

同時設(shè)置兩個屬性

$('div').attr('name','xxx')

這是給所有的匹配元素都添加了name=xxx屬性值

$('div').each(function(){
  let $name =$(this).attr('name')
  console.log($name)
})

之前說了,使用.attr只能獲取那個匹配的第一個屬性值,但是如果用each()遍歷就能獲得所有的屬性值,在這個過程中,this關(guān)鍵字始終指向元素div本身

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,276評論 0 1
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,593評論 19 139
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,506評論 0 2
  • 想寫點東西,盡管是件小事,但是克服惰性的一件大事。 有那么幾天,打開瀏覽器,鳳凰、新浪能泡一天~自己也知道純粹是在...
    簡書不單閱讀 178評論 0 0
  • Aio視頻下載 作者:wind 可以說是全能視頻下載,支持youtube、facebook、tumblr、twit...
    鴨梨山大哎閱讀 11,161評論 0 11

友情鏈接更多精彩內(nèi)容