|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 本篇文章將要分享有關jQuery中的attr()與prop()設置屬性以及獲取屬性的區別,有一定的參考價值,希望對大家有所幫助經常我們會習慣的用attr()方法來獲取屬性值,比如想要獲取一個圖片的alt屬性我們可以用attr直接獲得,但在某些元素中,不能直接獲取標準屬性(true/false),所以后來有了prop屬性,它的返回值都是標準屬性,那么哪些屬性用attr,哪些用prop呢?將在下面的文章里為大家詳細介紹 attr屬性 attr(name|properties|key,value|fn) 用于設置或返回被選元素的屬性值。 當用于返回屬性值時,則只返回第一個匹配元素的值。 當用于設置屬性值時,則為匹配元素集合設置一個或多個屬性/值對 例:為所有圖像設置src屬性以及長寬 <body>
<img>
<script src="jquery/jquery-1.12.4.js"></script>
<script>
$(function(){
$("img").attr({width:"100px",height:"100px","src":"images/1.jpg"});
})//為img添加多個屬性值
</script>
</body>
prop 屬性 獲取在匹配的元素集中的第一個元素的屬性值 選中為true,沒選中為false 當選擇愛好時全選,其他單選,當四個全部選擇時則愛好全選 <script src="jquery/jquery-1.12.4.js"></script>
<script>
$(function () {
$("#j_cbAll").click(function () {
//修改下面的哪些checkbox
$("#j_tb input").prop("checked", $(this).prop("checked"));
});
$("#j_tb input").click(function () {
if($("#j_tb input:checked").length == $("#j_tb input").length){
$("#j_cbAll").prop("checked", true)
}else {
$("#j_cbAll").prop("checked", false)
}
});
});
</script>單選時
選愛好時 attr與prop區別: (1)比如在checked,selected,disabled等中prop方法返回的是布爾值,而attr返回的則是已定義的字符串 (2)prop()屬性用于設置或獲取指定DOM元素也就是JavaScript中對象屬性,所以我們可以設置數組或對象,而attr作用于文檔節點,所以只能是字符串 (3)prop()屬性的使用比attr兼容性更好 所以當屬性只需要添加屬性名時可以用attr,當只需返回true/false時就要用prop。 總結:以上就是本篇文章的全部內容了,希望通過這篇文章,大家能夠明白attr與prop之間的區別 以上就是jQuery中attr與prop之間有什么的區別的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!