麻豆黑色丝袜jk制服福利网站-麻豆精品传媒视频观看-麻豆精品传媒一二三区在线视频-麻豆精选传媒4区2021-在线视频99-在线视频a

千鋒教育-做有情懷、有良心、有品質的職業(yè)教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > 前端jQuery實戰(zhàn)之 attr() 和 prop() 的區(qū)別

前端jQuery實戰(zhàn)之 attr() 和 prop() 的區(qū)別

來源:千鋒教育
發(fā)布人:小千
時間: 2020-11-26 10:23:00 1606357380

是不是剛開始學jQuery的時候,看到了這兩個方法:attr()和prop();感覺這不是一個意思嗎?他們有什么區(qū)別呢?

640.webp

下面簡單的給大家區(qū)分一下:

  • 對于HTML元素本身就帶有的固有屬性,在處理的時候,使用prop()方法。
  • 對于HTML元素我們自己自定義的DOM屬性,在處理時,使用attr()方法。

舉例說明

  • <a target="_self" class="btn">百度</a>

這個例子里a元素的DOM屬性有href、target和class,這些屬性就是a元素本身就帶有的屬性,也就是W3C標準里就包含有這幾個屬性,這些就叫做固有屬性。處理這些屬性時,建議使用prop()方法。

  • <a href="#" id="link1" del="delete">刪除</a>

這個例子里a元素的DOM屬性有href、id和del,很明顯,前兩個是固有屬性,而后面一個del屬性是我們自己自定義上去的,a元素本身是沒有這個屬性的。這種就是自定義的DOM屬性,處理這些屬性時,建議使用attr()方法。使用prop()方法取值和設置屬性值時,都會返回undefined值。

再舉一個例子

像checkbox,disabled,radio和select這樣的元素,選中屬性對應checked和selected,這些也屬于固有屬性,因此需要使用prop()方法去操作才能獲得正確的結果。

  • $("#chk1").prop("checked") // false
  • $("#chk2").prop("checked") // true

1

如果上面使用attr()方法,則會出現(xiàn):

  • $("#chk1").attr("checked") // undefined
  • $("#chk2").attr("checked") // "checked"

2

大家都知道有的瀏覽器只要寫disabled,checked就可以了,而有的要寫成disabled="disabled",checked="checked",比如用attr("checked")獲取checkbox的checked屬性時選中的時候可以取到值,值為"checked"但沒選中獲取值就是undefined。

jQuery提供新的方法prop()來獲取這些屬性,就是來解決這個問題的,以前我們使用attr()獲取checked屬性時返回"checked"和undefined,現(xiàn)在使用prop()方法獲取屬性則統(tǒng)一返回true和false。

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經(jīng)許可不得擅自轉載。
10年以上業(yè)內(nèi)強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內(nèi)將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
主站蜘蛛池模板: 久久丁香五月天综合网| 好爽快点使劲深点好紧视频| 亚洲成av人片在线观看| 免费a漫| 天天5g天天爽永久免费看欧美| 挺进白嫩老师下面视频| 99久久久精品免费观看国产| 国产一区二区三区久久精品| 精品国产日韩亚洲一区| 亚洲蜜芽在线精品一区| 日本欧美视频在线观看| 一进一出60分钟免费视频| 四虎影视在线影院在线观看| 日本护士69xxxx免费| 97sese电影| 日韩一级高清| 夫妇交换性三中文字幕| 野花日本免费观看高清电影8| 美女和男生一起差差差| 精品国产日韩亚洲一区| 欧美性猛交xxxx乱大交高清| 黄色网一级片| 深夜影院一级毛片| 伊人电影综合网| 国产福利电影| 午夜体验试看120秒| 免费中日高清无专码有限公司| 国产刺激视频| 向日葵app看片视频| 久久精品中文字幕| 美国式性禁忌| acg里番全彩侵犯本子福利| 国产精品无码久久久久| 性高湖久久久久久久久aaaaa| 欧美国产在线观看| 日韩免费三级电影| 四虎影视永久在线观看| 猛男强攻变骚受| 久久99国产视频| 国产精品亚洲片夜色在线| 草草影院最新发布地址|