jquery.attr的簡單介紹
jQuery中.attr和.data的區(qū)別分析
attr方法可以用來獲取JQuery對象的屬性值，例如獲取對象jq的name屬性值：var v= jq.attr("name");
創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的海州網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！
attr方法也可以用來設(shè)置屬性值，例如：jq.attr("name", "test");作用是把對象jq對應(yīng)的html元素的name屬性值設(shè)置為test。
data方法用來獲取JQuery對象上緩存的數(shù)據(jù)或者在JQuery對象上緩存數(shù)據(jù)，緩存的數(shù)據(jù)都是以key-value（鍵值對）形式保存。例如：
var d = jq.data("mydata");可以在JQuery對象jq上獲取key為mydata的緩存數(shù)據(jù)。
jq.data("mk", "mv");可以在JQuery對象jq上緩存數(shù)據(jù)，鍵是mk，值是字符串“mv”。
data可以緩存任何JS對象，例如字符串、數(shù)組、json等等。
需要注意的是，key(鍵)中的字母只能用小寫。
jquery中.attr和.val的區(qū)別
.val?不需要參數(shù)，直接獲取value值
.attr?這是操作屬性
span?id='aa'/span
$('#aa').attr('style');
$('#aa').attr('style',"");
兩個參數(shù)，填一個就是獲取，填兩個就是設(shè)置
jquery中 attr的作用是什么？
attr()是獲取或設(shè)置某個元素的屬性。
input type="text" name="userName" title="請輸入用戶名稱！"
定義和用法
根據(jù)該方法不同的參數(shù)，其工作方式也有所差異。
當(dāng)該方法用于返回屬性值，則返回第一個匹配元素的值。
當(dāng)該方法用于設(shè)置屬性值，則為匹配元素設(shè)置一個或多個屬性/值對。
例如：
獲取輸入框的title屬性：$("input[name=userName]").attr("title");
設(shè)置輸入框的title屬性：$("input[name=userName]").attr("title","請輸入姓名！");
擴(kuò)展資料：
相關(guān)語法
返回屬性的值：$(selector).attr(attribute)
設(shè)置屬性和值：$(selector).attr(attribute,value)
使用函數(shù)設(shè)置屬性和值：$(selector).attr(attribute,function(index,currentvalue))
設(shè)置多個屬性和值：$(selector).attr({attribute:value, attribute:value,...})
參考資料來源：百度百科-attr()
參考資料來源：百度百科-jQuery
jQuery函數(shù)attr和prop的區(qū)別
相比attr，prop是1.6.1才新出來的，兩者從中文意思理解，都是獲取/設(shè)置屬性的方法（attributes和properties）。只是，window或document中使用.attr()方法在jQuery1.6之前不能正常運行，因為window和document中不能有attributes。prop應(yīng)運而生了。
attr:
描述: 獲取匹配的元素集合中的第一個元素的屬性的值。
attr( attributeName )
attributeName
類型: String
要獲取的屬性名稱 .attr()方法只獲取第一個匹配元素的屬性值。
prop:
描述: 獲取匹配的元素集中第一個元素的屬性（property）值
prop( propertyName )
propertyName
類型: String
要得到的屬性的名稱 .prop()方法只獲得第一個匹配元素的屬性值 。如果元素上沒有該屬性，或者如果沒有匹配的元素。那么該方法會返回undefined值。
jQuery-attr和removeAttr方法
一、attr()：獲取，添加，設(shè)置屬性節(jié)點
1.當(dāng)只有一個參數(shù)時為獲取屬性節(jié)點，無論找到多少個元素，都 只會返回第一個元素 的屬性節(jié)點的值
2.當(dāng)有兩個參數(shù)時為 添加 或 設(shè)置 屬性節(jié)點的值
(1).如果設(shè)置的屬性不存在，則為 所有找到的元素 添加新屬性節(jié)點
(2).如果設(shè)置的屬性存在，則為 所有找到的元素 設(shè)置屬性節(jié)點
二、removeAttr()： 刪除 所有找到的屬性節(jié)點
二、操作多個屬性節(jié)點時
1.attr()：使用對象的形式
2.同時刪除多個屬性節(jié)點， 添加空格 即可
jQuery操作attr、prop、val()/text()/html()、class屬性
1.1
arr操作
設(shè)置單個屬性
//
第一個參數(shù)：需要設(shè)置的屬性名
//
第二個參數(shù)：對應(yīng)的屬性值
//
$obj.attr(name,
value);
//
用法舉例、
$('img').attr('alt','不錯哦');
獲取屬性
//
傳需要獲取的屬性名稱，返回對應(yīng)的屬性值
//
$obj.attr(name)
//
用法舉例
var
oTitle
=
$('img').attr('title');
alert(oTitle);
移除屬性
//
參數(shù)：需要移除的屬性名，
//
$obj.removeAttr(name);
//
用法舉例
$('img').removeAttr('title');
2.prop操作
在jQuery1.6之后支持，對于checked、selected、disabled這類boolean類型的屬性來說，不能用attr方法，只能用prop方法。
//
設(shè)置屬性
$(':checked').prop('checked',true);
//
獲取屬性
$(':checked').prop('checked');//
返回true或者false
3.val()/text()/html()值操作
$obj.val()
獲取或者設(shè)置表單元素的value屬性的值
$obj.html()
對應(yīng)innerHTML
$obj.text()
對應(yīng)innerText
以上三個方法：不傳參數(shù)
表示獲取值；
傳遞一個參數(shù)值，表示設(shè)置
4.class操作
添加樣式類
//
name：需要添加的樣式類名，注意參數(shù)不要帶點.
//
$obj.addClass(name);
//
例子,給所有的div添加one的樣式。
$('div').addClass('one');
移除樣式類
//
name:需要移除的樣式類名
//
$obj.removeClass('name');
//
例子，移除div中one的樣式類名
$('div').removeClass('one');
判斷是否有某個樣式類
//
name:用于判斷的樣式類名，返回值為true
false
//
$obj.hasClass(name)
//
例子，判斷第一個div是否有one的樣式類
$('div').hasClass('one');
切換樣式類
//
name:需要切換的樣式類名，如果有，移除該樣式，如果沒有，添加該樣式。
//
$obj.toggleClass(name);
//
例子
$('div').toggleClass('one');
5.隱式迭代(批量操作自動遍歷)
1.設(shè)置操作的時候（綁定事件），如果是多個元素，那么給所有的元素設(shè)置相同的值。
2.獲取操作的時候，如果是多個元素，那么只會返回第一個元素的值。
3.如果想要獲取多個值，需要手動進(jìn)行遍歷操作
總結(jié)
以上所述是小編給大家介紹的jQuery操作attr、prop、val()/text()/html()、class屬性，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！
您可能感興趣的文章:Jquery中attr與prop的區(qū)別詳解詳談jQuery中使用attr(),
prop(),
val()獲取value的異同jQuery獲取attr()與prop()屬性值的方法及區(qū)別介紹jQuery中attr()與prop()函數(shù)用法實例詳解(附用法區(qū)別)jquery中attr和prop的區(qū)別分析jQuery中attr()和prop()在修改checked屬性時的區(qū)別jQuery學(xué)習(xí)之prop和attr的區(qū)別示例介紹jquery中prop()方法和attr()方法的區(qū)別淺析jquery獲取自定義屬性(attr和prop)實例介紹jquery
獲取自定義屬性(attr和prop)的實現(xiàn)代碼
當(dāng)前題目：jquery.attr的簡單介紹
文章源于：http://chinadenli.net/article4/dseocie.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計、電子商務(wù)、微信公眾號、網(wǎng)站建設(shè)、服務(wù)器托管、網(wǎng)站排名
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
