jQuery中使用attr('屬性名')可以返回屬性的值。
創(chuàng)新互聯(lián)建站專注于潮南企業(yè)網(wǎng)站建設,成都響應式網(wǎng)站建設,成都商城網(wǎng)站開發(fā)。潮南網(wǎng)站建設公司,為潮南等地區(qū)提供建站服務。全流程按需規(guī)劃網(wǎng)站,專業(yè)設計,全程項目跟蹤,創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務
語法:$(selector).attr([attribute]); // 返回attr中指定的當前選擇器的屬性值;
例如:
$(selector).attr('id'); ?// 獲取選擇器的id
$(selector).attr('class'); // 獲取選擇器的class類名
實例:
1. 用jQuery獲取div的class類名:
div?class="mystyle"我是div/div
script
$('div').attr('class');?//?得到“mystyle”
/script
2. 用jQuery獲取當前點擊的button的id:
button?id="btn"?onclick="BtnClick(this)"按鈕/button
script
function?BtnClick(obj){
$(obj).attr('id');?//?得到“btn”
}
/script
用var name=$('div').eq(0).attr('class')
name就是第一個div的class名
jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫( 或JavaScript框架)。
jQuery設計的宗旨是“write Less,Do More”,即倡導寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設計模式,優(yōu)化HTML文檔操作、事件處理、動畫設計和Ajax交互。
jquery可以用attr函數(shù)來獲取class的值。
1、新建html文檔,在head標簽中引入jquery的js文件或者cdn鏈接:
2、在body標簽中添加一個div標簽,設置div的“id”為“test”,設置div的類名“class”為“demo”:
3、添加代碼“$('#test').attr('class')”,其中“$('#test')”指的是根據(jù)id“test”選擇這個div,“attr('class')”指的是使用“attr”函數(shù)獲取類名“class”的值:
一般而言,JQuery可以利用attr來獲取元素的屬性值,
1、$("元素").attr("屬性");????????????????//獲取指定屬性的值
2、$("元素").attr("屬性","屬性值");//設置屬性值
3、$("元素").removeAttr("屬性");? //移除指定屬性
不過在1.6中加入了prop,用法同attr相同。只是將上面中attr替換成prop即可,不過在獲取checked等屬性時,將會返回標準屬性true/false,不會和之前的attr一樣,返回checked或者“”。
而JQuery中獲取類名的屬性為class亦可以為className,因為在HTML DOM中沒有class屬性,而是className屬性。在JQuery中,有對className作出關鍵字的轉換。
擴展資料:
jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫(或JavaScript框架)。jQuery設計的宗旨是“write Less,Do More”,即倡導寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設計模式,優(yōu)化HTML文檔操作、事件處理、動畫設計和Ajax交互。
參考資料:jquery百度百科
1、新建一個HTML文檔,并定義若干個帶有class屬性的p元素。
2、新建一個JS操作,并獲取選擇器匹配的第一個元素。
3、保存以上文件,在瀏覽器預覽效果,得到的是第一個匹配的Class元素。
4、如果想要選擇器匹配所有符合的元素,則需要使用選擇器。
5、對方法獲取的元素集合,進行遍歷輸出。
6、保存以上內容,在瀏覽器預覽效果。