摘要:在中新加了一個(gè)方法,查看文檔可以看到一句話獲取在匹配的元素集中的第一個(gè)元素的屬性值。這種情況適用于多選項(xiàng)全選和反選的情況。
在jquery1.6中新加了一個(gè)方法prop(),查看jquery文檔可以看到一句話:獲取在匹配的元素集中的第一個(gè)元素的屬性值。
大家都知道有的瀏覽器只要寫disabled,checked就可以了,而有的要寫成disabled = "disabled",checked="checked",比如用attr("checked")獲取checkbox的checked屬性時(shí)選中的時(shí)候可以取到值,值為"checked"但沒選中獲取值就是undefined。
jq提供新的方法“prop”來獲取這些屬性,就是來解決這個(gè)問題的,以前我們使用attr獲取checked屬性時(shí)返回"checked"和"",現(xiàn)在使用prop方法獲取屬性則統(tǒng)一返回true和false。
那么,什么時(shí)候使用attr(),什么時(shí)候使用prop()?
1.添加屬性名稱該屬性就會(huì)生效應(yīng)該使用prop();
2.是有true,false兩個(gè)屬性使用prop();
3.其他則使用attr();
項(xiàng)目中jquery升級(jí)的時(shí)候大家要注意這點(diǎn)!
PS一下,如果你有JS性能潔癖的話,顯然prop的性能更高,因?yàn)閍ttr需要訪問DOM屬性節(jié)點(diǎn),訪問DOM是最耗時(shí)的。這種情況適用于多選項(xiàng)全選和反選的情況。
以下是官方建議attr(),prop()的使用:
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/82666.html
摘要:后來了一番不知怎么搜索的又發(fā)現(xiàn)了一個(gè)和區(qū)別的一些解釋。操作對(duì)象不同在中表示文檔節(jié)點(diǎn)屬性,而則表示對(duì)象屬性。函數(shù)主要依賴的是對(duì)象的和兩個(gè)方法。 昨天在開發(fā)的時(shí)候同事幫忙寫了一小段JS代碼,取數(shù)據(jù)的時(shí)候用到了以前都沒用過的$(this).data(xxx)的這種形式,后來看了手冊(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í)候,控制提示。 問題引入 昨天接到了一個(gè)活,里面有一個(gè)小需求,在寫的過程中遇到了一個(gè)小問題。雖然這個(gè)問題并不是很復(fù)雜的東西,但卻是一個(gè)比較細(xì)節(jié)的問題。相信不少新手前端會(huì)遇到。下面我先描述一下我這個(gè)遇到的這個(gè)需求。 showImg(...
摘要:今天研究前端的給固有屬性加值是出現(xiàn)錯(cuò)誤,搜索了下,找到了原因,就是中和的區(qū)別。下面和大家分享下在高版本的引入方法后,什么時(shí)候該用什么時(shí)候用它們兩個(gè)之間有什么區(qū)別這些問題就出現(xiàn)了。關(guān)于它們兩個(gè)的區(qū)別,網(wǎng)上的答案很多。 今天研究前端jquery的attr給固有屬性加值是出現(xiàn)錯(cuò)誤,搜索了下,找到了原因,就是:jquery中attr和prop的區(qū)別。下面和大家分享下: 在高版本的jquery引...
摘要:先提出問題對(duì)于這類值是的屬性,用的或方法進(jìn)行讀取或設(shè)置值是有區(qū)別的。因此,如果你想知道文本框的當(dāng)前值,則讀取。的值并不會(huì)隨著的狀態(tài)而作出相應(yīng)改變,而會(huì)。為對(duì)象設(shè)置值的安全做法避免內(nèi)存泄漏是使用。參考翻譯地址的與的區(qū)別 先提出問題:對(duì)于 checked 這類值是 true/false 的屬性,用 jQuery 的 attr 或 prop 方法進(jìn)行 讀取或設(shè)置值是有區(qū)別的。 在看 jQue...
閱讀 1288·2021-11-15 11:37
閱讀 2285·2021-09-30 09:55
閱讀 4614·2021-09-22 15:51
閱讀 3791·2021-09-22 15:46
閱讀 2796·2019-08-30 15:52
閱讀 469·2019-08-29 16:20
閱讀 2923·2019-08-29 15:12
閱讀 1192·2019-08-26 18:27