麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網(wǎng)站 > WEB開發(fā) > 正文

jquery中attr和prop的區(qū)別

2024-04-27 15:15:08
字體:
供稿:網(wǎng)友

在高版本的jquery引入PRop方法后,什么時候該用prop?什么時候用attr?它們兩個之間有什么區(qū)別?這些問題就出現(xiàn)了。

關于它們兩個的區(qū)別,網(wǎng)上的答案很多。這里談談我的心得,我的心得很簡單:

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

 

上面的描述也許有點模糊,舉幾個例子就知道了。 

<a href="http://www.baidu.com" target="_self" class="btn">百度</a>

 這個例子里<a>元素的DOM屬性有“href、target和class",這些屬性就是<a>元素本身就帶有的屬性,也是W3C標準里就包含有這幾個屬性,或者說在IDE里能夠智能提示出的屬性,這些就叫做固有屬性。處理這些屬性時,建議使用prop方法。

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

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

 

再舉一個例子:

<input id="chk1" type="checkbox" />是否可見<input id="chk2" type="checkbox" checked="checked" />是否可見

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

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

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

$("#chk1").attr("checked") == undefined$("#chk2").attr("checked") == "checked"
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 特一级毛片 | 精品国产91久久久久久久妲己 | 成人男女啪啪免费观看网站四虎 | 久久久精品视 | 青青草成人免费视频在线 | 黄色欧美精品 | 成人三级在线播放 | 国产午夜精品久久久久婷 | 国产一区日韩精品 | 在线观看一区二区三区四区 | 久久国产精品电影 | 欧美综合成人 | 九一传媒在线观看 | 国产人成精品综合欧美成人 | 中国杭州少妇xxxx做受 | 毛片一区二区三区四区 | 国产午夜精品久久久久久免费视 | 久久伊 | 久久精品.com | 国产91亚洲精品一区二区三区 | 欧美成人高清视频 | 久久久电影电视剧免费看 | 草草影院地址 | 久久超 | 久久99久久99免费视频 | 8x成人在线电影 | 禁漫天堂久久久久久久久久 | 欧美日韩大片在线观看 | 香蕉国产片 | 久久久久国产精品久久久久 | 国产91在线亚洲 | 偷偷草网站 | 手机免费看一级片 | 91重口视频 | 91短视频免费 | 深夜精品福利 | 黄色特级大片 | 一本色道久久综合亚洲精品小说 | 一级毛片在线视频 | 国产亚洲精品综合一区91 | 久久久久久久久久网 |