jQuery中,針對標簽屬性的操作都是使用attr()方法來實現(xiàn)的,比如:$("a").attr("onclick")可獲得a標簽的onclick屬性,對應(yīng)的:

創(chuàng)新互聯(lián)提供高防服務(wù)器、云服務(wù)器、香港服務(wù)器、多線服務(wù)器托管等
增加事件
$(選擇器).attr(屬性名) 它的作用就是獲取指定元素( $(選擇器)部分 )的指定屬性的值
如
設(shè)置onclick屬性:$("a").attr("onclick","test();");
刪除事件
$(selector).removeAttr(attribute)
例
刪除onclick屬性:$("a").removeAttr("onclick");
注意:
jquery 1.6之前的版本并不支持attr()方法對標簽onclick屬性的相關(guān)操作!
換句話說要使用attr()方法操作標簽中的onclick屬性必須使用jq庫1.6或更新的庫版本!
var?anElement?=?$("#someElement");anElement.attr("anyAttribute","anyValue");//?這段代碼可以給ID為someElement的元素增加屬性anyAttribute?屬性值為anyValue//?屬性名字隨便寫都可以?想寫什么都行?如果屬性名字存在會修改里面的值?否則就新加屬性
jquery操作html標簽的方法非常多,小編在這里總結(jié)一下。
首先,引入jquery,jquery下載地址在文章末尾的相關(guān)鏈接給出,這是運用jquery的第一步,也是必不可少的一步!
代碼如下:
head
script src="jquery.js"/script
/head
當然,你也可以不下載,直接引用。
代碼如下:
head
script src="/jquery/1.8.0/jquery.min.js"/script
/head
注意jquery的版本,及時更新。
接下來介紹jquery的第一種操作html標簽的方法。
1.操作已經(jīng)存在的html標簽的屬性!
這就需要用到一個非常強大的函數(shù)attr()
函數(shù)寫法:
var ss=$("HTML標簽的ID").attr("想要獲得的屬性");
這樣準確ID的HTML標簽的指定屬性的值就會賦給變量ss。
例如:var ss=$("#id").attr("value");
當然還可以給準確ID的HTML標簽的指定屬性賦值。
函數(shù)寫法:
$("HTML標簽的ID").attr("想要改變的屬性","改變的值");
例如:$("#id").attr("class","aaa");
這樣可以將ID為"id"的HTML標簽的class改為aaa.
利用這個函數(shù)更改HTML標簽的類或ID,配合樣式表可以做出非常炫的動態(tài)效果!
貼上樣例圖:
2.jquery向指定位置添加不存在的HTML標簽!
這次需要的函數(shù)是append()或appendto()
有很多人搞不起這兩個函數(shù)的區(qū)別,稍后會講明。
函數(shù)寫法:
$("HTML標簽的ID").append("完整的HTML標簽");
例如:$("#id").append("input type='text' value=' ' id='aa' /");
HTML標簽的ID是為了定位添加的HTML標簽,添加的HTML標簽將會出現(xiàn)于指定ID標簽的后面!注意控制排版!
貼上樣例圖:
接下來介紹appendto()的用法以及它和append()的區(qū)別!
函數(shù)寫法:
$("完整的HTML標簽").appendto("HTML標簽的ID");
例如:$("input type='text' value=' ' id='aa' /").append("#id");
這樣也可以達到與append()的相同效果,至于區(qū)別,也許你已經(jīng)發(fā)現(xiàn)了,區(qū)別就是前后兩個括號的內(nèi)容反過來了,先填寫HTML標簽,再寫指定元素ID。
但是即使這樣寫,添加的HTML標簽仍會出現(xiàn)于指定ID標簽的后面!
這個就不貼樣例圖了。
操作HTML的函數(shù)還有很多,比如圖中提到的CSS()。
這是操作指定屬性的。用attr()也可以做到,所以就不再介紹。
這里貼上一張jquery操作HTML的方法匯總圖。
1.先選中你要操作的標簽
比如:$("#id")
2.刪除你要改變的屬性名
比如:$("#id").removeAttr("src")
3.添加屬性名
比如:$("#id").attr("src1")
attr方法可用2113來獲取或設(shè)置屬性5261,根據(jù)參數(shù)4102個數(shù)的不同來定時獲取還1653是設(shè)置內(nèi),當只有1個參數(shù)時容表示獲取屬性值,當有2個參數(shù)時表示設(shè)置元素屬性。
例如將圖片的寬度設(shè)置成150:
$("img").attr("width","150");
//參數(shù)有width和150,所以是設(shè)置
例如獲取圖片的寬度:
$("img").attr("width");
//參數(shù)只有width,所以此時是獲取
名稱欄目:jquery標簽屬性,jquery 屬性
網(wǎng)址分享:http://chinadenli.net/article3/dsigcos.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、網(wǎng)站制作、、域名注冊、營銷型網(wǎng)站建設(shè)、外貿(mào)建站
聲明:本網(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)