jquery中attr和prop的區別

ad6623 發布于2019-08-20 19:07 / 3012人閱讀

摘要：今天研究前端的給固有屬性加值是出現錯誤，搜索了下，找到了原因，就是中和的區別。下面和大家分享下在高版本的引入方法后，什么時候該用什么時候用它們兩個之間有什么區別這些問題就出現了。關于它們兩個的區別，網上的答案很多。

今天研究前端jquery的attr給固有屬性加值是出現錯誤，搜索了下，找到了原因，就是：jquery中attr和prop的區別。下面和大家分享下：

在高版本的jquery引入prop方法后，什么時候該用prop？什么時候用attr？它們兩個之間有什么區別？這些問題就出現了。

關于它們兩個的區別，網上的答案很多。這里談談我的心得，我的心得很簡單：

對于HTML元素本身就帶有的固有屬性，在處理時，使用prop方法。

對于HTML元素我們自己自定義的DOM屬性，在處理時，使用attr方法。

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

百度

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

刪除

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

再舉一個例子：

是否可見
是否可見

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

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

如果上面使用attr方法，則會出現：

$("#chk1").attr("checked") == undefined
$("#chk2").attr("checked") == "checked"

GPU云服務器云服務器 javascript和jquery的區別 jquery和javascript的區別中SP與DP的區別寬帶和專線的區別

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/85161.html

jQuery中attr()和prop()方法的一些區別理解

摘要：后來了一番不知怎么搜索的又發現了一個和區別的一些解釋。操作對象不同在中表示文檔節點屬性，而則表示對象屬性。函數主要依賴的是對象的和兩個方法。昨天在開發的時候同事幫忙寫了一小段JS代碼，取數據的時候用到了以前都沒用過的$(this).data(xxx)的這種形式，后來看了手冊才知道在HTML5中可以對元素進行自定義屬性。格式類似于data-xxx=value,然后可以用JQ中的....

iKcamp 2019-08-21 10:30 評論0 收藏0
jQuery中attr()和prop()的區別

摘要：需求很簡單的，一個非常簡單的復選框的使用。與的區別復選框設置設置自定義自定義設置類型設置類型支持類型在這里溫馨提示提示一下，當我們設置這個屬性時，再用獲取的時候，控制提示。問題引入昨天接到了一個活，里面有一個小需求，在寫的過程中遇到了一個小問題。雖然這個問題并不是很復雜的東西，但卻是一個比較細節的問題。相信不少新手前端會遇到。下面我先描述一下我這個遇到的這個需求。 showImg(...

mo0n1andin 2019-08-20 15:38 評論0 收藏0
jquery中attr()和prop()的區別

摘要：在中新加了一個方法，查看文檔可以看到一句話獲取在匹配的元素集中的第一個元素的屬性值。這種情況適用于多選項全選和反選的情況。在jquery1.6中新加了一個方法prop()，查看jquery文檔可以看到一句話:獲取在匹配的元素集中的第一個元素的屬性值。大家都知道有的瀏覽器只要寫disabled，checked就可以了，而有的要寫成disabled = disabled，checked...

劉德剛 2019-08-20 16:02 評論0 收藏0
jQuery 的 attr 與 prop 的區別

摘要：先提出問題對于這類值是的屬性，用的或方法進行讀取或設置值是有區別的。因此，如果你想知道文本框的當前值，則讀取。的值并不會隨著的狀態而作出相應改變，而會。為對象設置值的安全做法避免內存泄漏是使用。參考翻譯地址的與的區別先提出問題：對于 checked 這類值是 true/false 的屬性，用 jQuery 的 attr 或 prop 方法進行讀取或設置值是有區別的。在看 jQue...

kk_miles 2019-08-19 17:47 評論0 收藏0