jQuery中使用attr('屬性名')可以返回屬性的值。

創(chuàng)新互聯(lián)建站專注于潮南企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè),成都商城網(wǎng)站開發(fā)。潮南網(wǎng)站建設(shè)公司,為潮南等地區(qū)提供建站服務(wù)。全流程按需規(guī)劃網(wǎng)站,專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務(wù)
語法:$(selector).attr([attribute]); // 返回attr中指定的當(dāng)前選擇器的屬性值;
例如:
$(selector).attr('id'); ?// 獲取選擇器的id
$(selector).attr('class'); // 獲取選擇器的class類名
實(shí)例:
1. 用jQuery獲取div的class類名:
div?class="mystyle"我是div/div
script
$('div').attr('class');?//?得到“mystyle”
/script
2. 用jQuery獲取當(dāng)前點(diǎn)擊的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就是第一個(gè)div的class名
jQuery是一個(gè)快速、簡潔的JavaScript框架,是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫( 或JavaScript框架)。
jQuery設(shè)計(jì)的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設(shè)計(jì)模式,優(yōu)化HTML文檔操作、事件處理、動(dòng)畫設(shè)計(jì)和Ajax交互。
jquery可以用attr函數(shù)來獲取class的值。
1、新建html文檔,在head標(biāo)簽中引入jquery的js文件或者cdn鏈接:
2、在body標(biāo)簽中添加一個(gè)div標(biāo)簽,設(shè)置div的“id”為“test”,設(shè)置div的類名“class”為“demo”:
3、添加代碼“$('#test').attr('class')”,其中“$('#test')”指的是根據(jù)id“test”選擇這個(gè)div,“attr('class')”指的是使用“attr”函數(shù)獲取類名“class”的值:
一般而言,JQuery可以利用attr來獲取元素的屬性值,
1、$("元素").attr("屬性");????????????????//獲取指定屬性的值
2、$("元素").attr("屬性","屬性值");//設(shè)置屬性值
3、$("元素").removeAttr("屬性");? //移除指定屬性
不過在1.6中加入了prop,用法同attr相同。只是將上面中attr替換成prop即可,不過在獲取checked等屬性時(shí),將會(huì)返回標(biāo)準(zhǔn)屬性true/false,不會(huì)和之前的attr一樣,返回checked或者“”。
而JQuery中獲取類名的屬性為class亦可以為className,因?yàn)樵贖TML DOM中沒有class屬性,而是className屬性。在JQuery中,有對className作出關(guān)鍵字的轉(zhuǎn)換。
擴(kuò)展資料:
jQuery是一個(gè)快速、簡潔的JavaScript框架,是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(或JavaScript框架)。jQuery設(shè)計(jì)的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設(shè)計(jì)模式,優(yōu)化HTML文檔操作、事件處理、動(dòng)畫設(shè)計(jì)和Ajax交互。
參考資料:jquery百度百科
1、新建一個(gè)HTML文檔,并定義若干個(gè)帶有class屬性的p元素。
2、新建一個(gè)JS操作,并獲取選擇器匹配的第一個(gè)元素。
3、保存以上文件,在瀏覽器預(yù)覽效果,得到的是第一個(gè)匹配的Class元素。
4、如果想要選擇器匹配所有符合的元素,則需要使用選擇器。
5、對方法獲取的元素集合,進(jìn)行遍歷輸出。
6、保存以上內(nèi)容,在瀏覽器預(yù)覽效果。
當(dāng)前題目:jquery獲取類名,jQuery獲取屬性
分享地址:http://chinadenli.net/article23/dsgeics.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、網(wǎng)站策劃、虛擬主機(jī)、建站公司、定制網(wǎng)站、服務(wù)器托管
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)