資訊專欄INFORMATION COLUMN
摘要：今天研究前端的給固有屬性加值是出現(xiàn)錯(cuò)誤，搜索了下，找到了原因，就是中和的區(qū)別。下面和大家分享下在高版本的引入方法后，什么時(shí)候該用什么時(shí)候用它們兩個(gè)之間有什么區(qū)別這些問(wèn)題就出現(xiàn)了。關(guān)于它們兩個(gè)的區(qū)別，網(wǎng)上的答案很多。
今天研究前端jquery的attr給固有屬性加值是出現(xiàn)錯(cuò)誤，搜索了下，找到了原因，就是：jquery中attr和prop的區(qū)別。下面和大家分享下：
在高版本的jquery引入prop方法后，什么時(shí)候該用prop？什么時(shí)候用attr？它們兩個(gè)之間有什么區(qū)別？這些問(wèn)題就出現(xiàn)了。
關(guān)于它們兩個(gè)的區(qū)別，網(wǎng)上的答案很多。這里談?wù)勎业男牡茫业男牡煤芎?jiǎn)單：
對(duì)于HTML元素本身就帶有的固有屬性，在處理時(shí)，使用prop方法。
對(duì)于HTML元素我們自己自定義的DOM屬性，在處理時(shí)，使用attr方法。
上面的描述也許有點(diǎn)模糊，舉幾個(gè)例子就知道了。
百度
這個(gè)例子里元素的DOM屬性有“href、target和class"，這些屬性就是元素本身就帶有的屬性，也是W3C標(biāo)準(zhǔn)里就包含有這幾個(gè)屬性，或者說(shuō)在IDE里能夠智能提示出的屬性，這些就叫做固有屬性。處理這些屬性時(shí)，建議使用prop方法。
刪除
這個(gè)例子里元素的DOM屬性有“href、id和action”，很明顯，前兩個(gè)是固有屬性，而后面一個(gè)“action”屬性是我們自己自定義上去的，元素本身是沒(méi)有這個(gè)屬性的。這種就是自定義的DOM屬性。處理這些屬性時(shí)，建議使用attr方法。使用prop方法取值和設(shè)置屬性值時(shí)，都會(huì)返回undefined值。
再舉一個(gè)例子：
是否可見 是否可見
像checkbox，radio和select這樣的元素，選中屬性對(duì)應(yīng)“checked”和“selected”，這些也屬于固有屬性，因此需要使用prop方法去操作才能獲得正確的結(jié)果。
$("#chk1").prop("checked") == false
$("#chk2").prop("checked") == true
如果上面使用attr方法，則會(huì)出現(xiàn)：
$("#chk1").attr("checked") == undefined
$("#chk2").attr("checked") == "checked"
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/85161.html
摘要：后來(lái)了一番不知怎么搜索的又發(fā)現(xiàn)了一個(gè)和區(qū)別的一些解釋。操作對(duì)象不同在中表示文檔節(jié)點(diǎn)屬性，而則表示對(duì)象屬性。函數(shù)主要依賴的是對(duì)象的和兩個(gè)方法。 昨天在開發(fā)的時(shí)候同事幫忙寫了一小段JS代碼，取數(shù)據(jù)的時(shí)候用到了以前都沒(méi)用過(guò)的$(this).data(xxx)的這種形式，后來(lái)看了手冊(cè)才知道在HTML5中可以對(duì)元素進(jìn)行自定義屬性。格式類似于data-xxx=value,然后可以用JQ中的....
摘要：需求很簡(jiǎn)單的，一個(gè)非常簡(jiǎn)單的復(fù)選框的使用。與的區(qū)別復(fù)選框設(shè)置設(shè)置自定義自定義設(shè)置類型設(shè)置類型支持類型在這里溫馨提示提示一下，當(dāng)我們?cè)O(shè)置這個(gè)屬性時(shí)，再用獲取的時(shí)候，控制提示。 問(wèn)題引入 昨天接到了一個(gè)活，里面有一個(gè)小需求，在寫的過(guò)程中遇到了一個(gè)小問(wèn)題。雖然這個(gè)問(wèn)題并不是很復(fù)雜的東西，但卻是一個(gè)比較細(xì)節(jié)的問(wèn)題。相信不少新手前端會(huì)遇到。下面我先描述一下我這個(gè)遇到的這個(gè)需求。 showImg(...
摘要：在中新加了一個(gè)方法，查看文檔可以看到一句話獲取在匹配的元素集中的第一個(gè)元素的屬性值。這種情況適用于多選項(xiàng)全選和反選的情況。 在jquery1.6中新加了一個(gè)方法prop()，查看jquery文檔可以看到一句話:獲取在匹配的元素集中的第一個(gè)元素的屬性值。 大家都知道有的瀏覽器只要寫disabled，checked就可以了，而有的要寫成disabled = disabled，checked...
摘要：先提出問(wèn)題對(duì)于這類值是的屬性，用的或方法進(jìn)行讀取或設(shè)置值是有區(qū)別的。因此，如果你想知道文本框的當(dāng)前值，則讀取。的值并不會(huì)隨著的狀態(tài)而作出相應(yīng)改變，而會(huì)。為對(duì)象設(shè)置值的安全做法避免內(nèi)存泄漏是使用。參考翻譯地址的與的區(qū)別 先提出問(wèn)題：對(duì)于 checked 這類值是 true/false 的屬性，用 jQuery 的 attr 或 prop 方法進(jìn)行 讀取或設(shè)置值是有區(qū)別的。 在看 jQue...
閱讀 1362·2021-09-24 10:26
閱讀 3678·2021-09-06 15:02
閱讀 632·2019-08-30 14:18
閱讀 588·2019-08-30 12:44
閱讀 3128·2019-08-30 10:48
閱讀 1952·2019-08-29 13:09
閱讀 2006·2019-08-29 11:30
閱讀 2292·2019-08-26 13:36
