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

劉德剛發布于2019-08-20 16:02 / 3468人閱讀

摘要：在中新加了一個方法，查看文檔可以看到一句話獲取在匹配的元素集中的第一個元素的屬性值。這種情況適用于多選項全選和反選的情況。

在jquery1.6中新加了一個方法prop()，查看jquery文檔可以看到一句話:獲取在匹配的元素集中的第一個元素的屬性值。

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

jq提供新的方法“prop”來獲取這些屬性，就是來解決這個問題的，以前我們使用attr獲取checked屬性時返回"checked"和"",現在使用prop方法獲取屬性則統一返回true和false。

那么，什么時候使用attr()，什么時候使用prop()？
1.添加屬性名稱該屬性就會生效應該使用prop();
2.是有true,false兩個屬性使用prop();
3.其他則使用attr();
項目中jquery升級的時候大家要注意這點！

PS一下，如果你有JS性能潔癖的話，顯然prop的性能更高，因為attr需要訪問DOM屬性節點，訪問DOM是最耗時的。這種情況適用于多選項全選和反選的情況。

以下是官方建議attr(),prop()的使用：

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

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

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/82666.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的區別

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

ad6623 2019-08-20 19:07 評論0 收藏0
jQuery 的 attr 與 prop 的區別

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

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