麻豆黑色丝袜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
主站蜘蛛池模板: 免费的毛片基地| 99国产成+人+综合+亚洲欧美| 免费一级在线观| 蜜柚免费视频下载| 亚洲国产精品一区二区第四页| 99久久精品免费看国产一区二区三区| 四虎永久在线精品国产免费| 国产三级影院| 下面一进一出好爽视频| 免费日韩三级| 欧美日韩国产精品| 国产真实交换多p免视频| 又粗又大又爽又长又紧又水| 五月婷婷电影网| 好大好硬别停老师办公室视频| 尾野真知子日韩专区在线| 四虎色姝姝影院www| 成人3d黄动漫无尽视频网站| 亚洲欧美精品一中文字幕| 老子午夜伦不卡影院| 无码精品一区二区三区免费视频| 免费国产怡红院在线观看| 欧美另类bbbxxxxx另类| 在线观看中文字幕码| 国内精品伊人久久久久妇| 午夜一级毛片| 中国美团外卖男男china| 欧美激情一区二区三区| 日本理论午夜中文字幕第一页| 宝宝才三根手指头就湿成这样| 久久伊人免费视频| 欧美一线视频| 四虎4hutv永久在线影院| 欧美激情一区二区| 一本热久久sm色国产| 欧美电影院一区二区三区| 最近最好最新2018中文字幕免费| 精品国产v无码大片在线看| 中文字幕1页| 99视频精品在线| 久草香蕉|