新聞中心
本篇內(nèi)容主要講解“jquery如何給元素增加屬性值”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學(xué)習(xí)“jquery如何給元素增加屬性值”吧!
成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),英吉沙企業(yè)網(wǎng)站建設(shè),英吉沙品牌網(wǎng)站建設(shè),網(wǎng)站定制,英吉沙網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,英吉沙網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
jquery給元素增加屬性值的方法:1、利用“$(元素)”語句獲取指定的元素對象;2、利用attr()方法給獲取到的元素添加屬性和值,語法為“元素對象.attr(attribute,value)”。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.0版本、Dell G3電腦。
jquery怎樣給元素增加屬性值
在jQuery中可以利用attr()方法來給元素增加屬性值,attr() 方法設(shè)置或返回被選元素的屬性值。根據(jù)該方法不同的參數(shù),其工作方式也有所差異。返回被選元素的屬性值。
該方法的語法為:
$(selector).attr(attribute,value)
attribute規(guī)定了要獲取其值的屬性。
下面我們通過示例來看一下怎樣給元素增加屬性值,示例如下:
我們在html里添加一個div,該div只有class屬性。然后添加一個按鈕,用來觸發(fā)添加屬性的事件。接著在html里引入jquery腳本。然后在script里添加一個function,按鈕事件的函數(shù)。
函數(shù)很簡單,使用jquery的 attr方法來設(shè)置屬性就行了,參數(shù)第一個是要添加的屬性名,第二個就是屬性的值。這里我們?yōu)閐iv添加一個id屬性。
增加屬性function setAttr(){ $(".jquery").attr("id","bd"); }
運行頁面后,從頁面源代碼里看,這個div現(xiàn)在是沒有id屬性的。
點擊頁面上的按鈕,觸發(fā)事件,為div添加id屬性。
點擊后,再看一下源代碼,可以看到已經(jīng)成功為div添加了一個id屬性了。
到此,相信大家對“jquery如何給元素增加屬性值”有了更深的了解,不妨來實際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!
當(dāng)前名稱:jquery如何給元素增加屬性值
當(dāng)前鏈接:http://www.ef60e0e.cn/article/ispjjd.html