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