1. 程式人生 > >jQuery中的attr() 和 prop()的區別和聯絡

jQuery中的attr() 和 prop()的區別和聯絡

jQuery中的attr()和prop()兩種方法,都是用來獲取/設定 attributes 和properties的值的,其中,prop() 是從jQuery 1.6 開始新增的一個方法。既然兩種方法的作用一樣,為何還要新增一個方法呢?那是因為用 attr() 獲取或設定屬性的值的時候,會出現不一致的行為。

根據官方的建議:具有 true 和 false 兩個屬性的屬性,如 checked, selected 或者 disabled 使用prop(),其他的使用 attr()。

例如:checked屬性即分為attribute->checked,和property->true,false。

對於一個checkbox,若未定義checked="checked",alert($.attr("checked")) 的結果是undefined。若已定義則結果是checked。attribute並不隨著checkbox的狀態變化而改變。

使用prop($.attr("checked"))的話輸出則分別為false和true。property則隨其變化而變化。

所以在修改checked屬性時要使用prop()。


相關推薦

JQueryAttrProp區別

between input 點擊 inpu rop pro -a 自定義 different 今天做一個用jquery控制input checkbox的選中和不選中賦值,開始attr一直出現莫名其妙的問題,首次能賦值,之後每次點擊完全沒效果。後面改用prop來做,功能正常。

Jqueryattr()與prop()的區別

.com 數組 之間 也會 就是 選擇 意思 rec radio 在jQuery中,attr()函數和prop()函數都用於設置或獲取指定的屬性,它們的參數和用法也幾乎完全相同。但是,這兩個函數的用處卻並不相同。下面我們來詳細介紹這兩個函數之間的區別。 1、操作對象不同

Jquery.attr與.prop區別

time tran checkbox rtx rtt don www ado ID ☆ http://www.jb51.net/article/114876.htm http://www.365mini.com/page/jquery-attr-vs-pro

Jqueryattrprop區別詳解

當點選左上方那個checkBox時,要將下面的checkBox全部選中,我們的程式碼是這樣的 $("input[name='checkbox']").attr("checked",true); 然並卵,一點效果都沒有,後來換成這樣,好了 $(function(){ $("#all").c

jquery attr() 與 prop()

attr() attr() 是獲取元素屬性 prop() 獲取的是DOM屬性 console.dir($0) 獲取這個元素的所有屬性,是dom封裝出來的 什麼樣的元素,attr() 屬性和 prop() 屬性是一樣的呢? img ,a

jqueryattrprop區別

query 刪除 選中 明顯 w3c標準 例子 一個 模糊 cti 在高版本的jquery引入prop方法後,什麽時候該用prop?什麽時候用attr?它們兩個之間有什麽區別?這些問題就出現了。 關於它們兩個的區別,網上的答案很多。這裏談談我的心得,我的心得很簡單: 對於

jQuery attr propdata之間的區別

先聊一聊data和prop、attr的本質區別吧 dataduix對屬性的值不是直接修改而是知識修改了快取的資料 例如:         <input type="text" name="text1" id="txt1" placeholde

jqueryattrprop區別淺析

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

jQuery attr() prop() 方法的區別

原文章地址: http://www.cnblogs.com/zhwl/p/3520162.html 結論: 根據官方的建議:具有 true 和 false 兩個屬性的屬性,如 checked, selected 或者 disabled 使用prop(),其他的使用

jqueryattr() prop()的區別

開發十年,就只剩下這套架構體系了! >>>   

JSattrprop區別

一、attr和prop區別 attr 是從頁面搜尋獲得元素值,所以頁面必須明確定義元素才能獲取值,相對來說較慢。  prop是從屬性物件中取值,屬性物件中有多少屬性,就能獲取多少值,不需要在頁面中顯示定義。  二、attr和prop怎麼選擇? 對於HTML元素

JSinnerHTML、outerHTML、innerText 、outerText、value的區別與聯系?jQuery的text()、html()val()

chrom html標簽 sel detail put 替換 not 內容 tail 一、JS中innerHTML、outerHTML、innerText 、outerText、value的區別與聯系?jS中設置或者獲取所選內容的值:①innerHTML :屬性設置或返回該

html、val、attrprop區別。this.value$(this).val()區別以及return用法

生態 所有 select 批量 控制 添加屬性 ext his 區別 html(): html() 方法返回或設置被選元素的內容 (inner HTML)。 當使用該方法讀取多個值時,它會返回第一個匹配元素的內容。 當使用該方法設置一個值時,它會覆蓋所有匹配元素的內容。 取

jqueryappend、prepend, beforeafter方法的區別(一)

mod serve com oos 兄弟節點 sha pos 插入 5% 原文:http://blog.csdn.net/woosido123/article/details/64439490 在 jquery中append() 與 prepend()是在元素內插

attrprop區別

als ttr htm dom html元素 att height 定義 attr 對於HTML元素本身就帶有的固有屬性,在處理時,使用prop方法。 對於HTML元素我們自己自定義的DOM屬性,在處理時,使用attr方法。 像checkbox,radio和select這樣

jQuery的text()、html()val()以及innerText、innerHTMLvalue區別

jQuery中設定或者獲取所選內容的值: 作者:fozero 出處:https://www.cnblogs.com/fozero、 text();設定或者獲取所選元素的文字內容; html();設定或者獲取所選元素的內容(包括html標記); val();設定或者

Javascriptonload方法Jqueryready方法的區別

1.執行時間 window.onload必須等到頁面內包括圖片的所有元素載入完畢後才能執行。 $(document).ready()是DOM機構繪製完畢後就執行,不必等到載入完畢。 2.編寫個數不同 window.onload不能同時編寫多個,且多個只能執行一個。 $(document).r

jsonpython的字典的區別聯絡

json: json是一種資料的表現形式,是一種資料格式:比如在ajax中的資料接收型別,一般都是json型別的資料格式,也會有txt的資料格式;如下程式碼所示: $.ajax({ url: '/change_data', type: 'GET'

後端---JavaArrayListLinkedList區別聯絡

ArrayList和LinkedList的區別和聯絡 在一個多月之前,我曾寫過一篇部落格想要迅速簡潔的瞭解Java中所有的集合型別(List、Set、Map),然後一個月多後的我不得已又抱起《Java核心卷I 》仔細研讀,這是為什麼呢??? 是因為“溫故而知新”還是因為“書讀百遍其

C#結構體區別聯絡

結構體 結構體定義 結構體是一種值型別,通常用來封裝小型相關變數組。例如座標或者商品的特徵。 結構體是一種自定義的資料型別,相當於一個複合容器,可以儲存多種型別。 結構體由結構體成員構成,結構體成員包含欄位,屬性與方法 結構體建