建站
咨詢
售后
建站咨詢
新聞中心
jquery prop 是什么意思?
prop()獲取匹配的元素的屬性值。
讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：空間域名、虛擬主機(jī)、營銷軟件、網(wǎng)站建設(shè)、蔡甸網(wǎng)站維護(hù)、網(wǎng)站推廣。
這個方法是jquery1.6以后出來的，用來區(qū)別之前的.attr()方法.
區(qū)別最大的一點就是：布爾型的屬性，1.6以后都是用.prop()方法就好了。
這個布爾型的屬性，再解釋一下，是屬性值只有true|false的屬性。
還有種情況就是只添加屬性名，不需要寫屬性值的就可以生效的也同樣使用.prop()方法。比如：checked、disable這樣的，其實它們說到底還是屬于布爾型的屬性。
1.添加屬性名稱該屬性就會生效應(yīng)該使用prop();
2.是有true,false兩個屬性使用prop();
3.其他則使用attr();
jquery prop（）函數(shù)
prop函數(shù)用于設(shè)置或返回當(dāng)前jQuery對象所匹配的元素的屬性值
div ccc='aaa'/div
$("div").prop("ccc")//輸出aaa
類似attr方法
對于HTML元素本身就帶有的固有屬性，在處理時，使用prop方法。
對于HTML元素我們自己自定義的DOM屬性，在處理時，使用attr方法。
jquery的prop方法怎么用
你好！
jquery的prop()函數(shù)，跟attr()函數(shù)類似，具體用法prop("屬性名","屬性值")
它們的區(qū)別是prop()一般用于元素自帶屬性，比如checkbox的checked屬性
input?type="checkbox"?id="aa"?value="0"?/
$("#aa").prop("checked",true)??選中，設(shè)置為false則為取消選中
而attr()更多用在自定義屬性上面
div?id="cc"?sourceType="java"?/div
$("#cc").attr("sourceType",?"javascript");
希望對你有幫助！
jquery中attr和prop的區(qū)別
兩者從中文意思理解，都是獲取/設(shè)置屬性的方法。
attr 方法一般用于操作自定義屬性，通過訪問、操作?DOM 元素的屬性節(jié)點來工作，類似 JS 中的?setAttribute("屬性","值")和取得屬性值getAttribute("屬性")，事實上 jQuery 的源碼中也是利用這兩個原生方法。
那么為什么還要有 prop 方法呢？不是多此一舉嗎？其實不然，prop 方法是 jQuery v1.6.1 才新出來的，性能要更好一些，解決了?window 或 document 無法使用 attr 方法的問題，同時在獲取元素狀態(tài)時返回布爾值，大大方便了對狀態(tài)的判斷。prop 一般用于操作 HTML 元素固有屬性。
舉一些例子來輔助說明吧，假設(shè)有如下 HTML 元素：
input?type="text"?id="ipt1"?name="demo"
input?type="radio"?id="radio"?disabled
input?type="checkbox"?id="ckbox"?checked
input?type="text"?id="ipt3"
input?type="text"?id="ipt4"
span?id="span"?data-tip="abc"/span
驗證結(jié)果如下：
console.group('獲取固有屬性');
console.log($('#ipt1').attr('name'));??//?'demo'
console.log($('#ipt1').prop('name'));??//?'demo'
console.groupEnd();
console.group('獲取固有屬性-狀態(tài)值');
console.log($('#radio').attr('disabled'));??//?'disbaled'
console.log($('#radio').prop('disabled'));??//?true
console.log($('#ckbox').attr('checked'));??//?'checked'
console.log($('#ckbox').prop('checked'));??//?true
console.groupEnd();
$('#ipt3').attr('readonly',?true);??//?文本框處于只讀狀態(tài)
$('#ipt4').prop('readonly',?true);??//?同上
console.group('獲取自定義屬性');
console.log($('#span').attr('data-tip'));??//?'abc'
console.log($('#span').prop('data-tip'));??//?undefined
console.groupEnd();
console.group('獲取不存在的自定義屬性');
console.log($('#span').attr('data-none'));??//?undefined
console.log($('#span').prop('data-none'));??//?undefined
console.groupEnd();
新聞標(biāo)題：jqueryprop,jquery prop無效
網(wǎng)頁路徑：http://fisionsoft.com.cn/article/dssehos.html
