如何使用JQuery給自定義屬性賦值取值

使用JQuery給自定義屬性賦值取值

成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),回民企業(yè)網(wǎng)站建設(shè),回民品牌網(wǎng)站建設(shè),網(wǎng)站定制,回民網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,回民網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

jQuery?屬性操作?-?attr()?方法

定義和用法

attr()?方法設(shè)置或返回被選元素的屬性值。

一、返回屬性值

返回被選元素的屬性值。

語法

$(selector).attr(attribute)

參數(shù)描述

attribute????規(guī)定要獲取其值的屬性。

$(selector).attr(attribute)

html

head

script?type="text/javascript"?src="/jquery/jquery.js"/script

script?type="text/javascript"

$(document).ready(function(){

$("button").click(function(){

alert("Image?width?"?+?$("img").attr("width"));

});

});

/script

/head

body

img?src="/i/eg_smile.gif"?width="128"?height="128"?/

br?/

button返回圖像的寬度/button

/body

/html

二、設(shè)置屬性/值

設(shè)置被選元素的屬性和值。

語法

$(selector).attr(attribute,value)

參數(shù)描述

attribute????規(guī)定屬性的名稱。 ? ?

value????規(guī)定屬性的值。

$(selector).attr(attribute,value)

html

head

script?type="text/javascript"?src="/jquery/jquery.js"/script

script?type="text/javascript"

$(document).ready(function(){

$("button").click(function(){

$("img").attr("width","180");

});

});

/script

/head

body

img?src="/i/eg_smile.gif"?/

br?/

button設(shè)置圖像的?width?屬性/button

/body

/html

jquery 怎么給標(biāo)簽添加屬性

var?anElement?=?$("#someElement");anElement.attr("anyAttribute","anyValue");//?這段代碼可以給ID為someElement的元素增加屬性anyAttribute?屬性值為anyValue//?屬性名字隨便寫都可以?想寫什么都行?如果屬性名字存在會(huì)修改里面的值?否則就新加屬性

jquery操作html標(biāo)簽的方法非常多，小編在這里總結(jié)一下。

首先，引入jquery，jquery下載地址在文章末尾的相關(guān)鏈接給出，這是運(yùn)用jquery的第一步，也是必不可少的一步！

代碼如下：

head

script src="jquery.js"/script

/head

當(dāng)然，你也可以不下載，直接引用。

代碼如下：

head

script src="/jquery/1.8.0/jquery.min.js"/script

/head

注意jquery的版本，及時(shí)更新。

接下來介紹jquery的第一種操作html標(biāo)簽的方法。

1.操作已經(jīng)存在的html標(biāo)簽的屬性！

這就需要用到一個(gè)非常強(qiáng)大的函數(shù)attr()

函數(shù)寫法：

var ss=$("HTML標(biāo)簽的ID").attr("想要獲得的屬性");

這樣準(zhǔn)確ID的HTML標(biāo)簽的指定屬性的值就會(huì)賦給變量ss。

例如：var ss=$("#id").attr("value");

當(dāng)然還可以給準(zhǔn)確ID的HTML標(biāo)簽的指定屬性賦值。

函數(shù)寫法：

$("HTML標(biāo)簽的ID").attr("想要改變的屬性","改變的值");

例如：$("#id").attr("class","aaa");

這樣可以將ID為"id"的HTML標(biāo)簽的class改為aaa.

利用這個(gè)函數(shù)更改HTML標(biāo)簽的類或ID，配合樣式表可以做出非常炫的動(dòng)態(tài)效果！

貼上樣例圖：

2.jquery向指定位置添加不存在的HTML標(biāo)簽！

這次需要的函數(shù)是append()或appendto()

有很多人搞不起這兩個(gè)函數(shù)的區(qū)別，稍后會(huì)講明。

函數(shù)寫法：

$("HTML標(biāo)簽的ID").append("完整的HTML標(biāo)簽");

例如：$("#id").append("input type='text' value=' ' id='aa' /");

HTML標(biāo)簽的ID是為了定位添加的HTML標(biāo)簽，添加的HTML標(biāo)簽將會(huì)出現(xiàn)于指定ID標(biāo)簽的后面！注意控制排版！

貼上樣例圖：

接下來介紹appendto()的用法以及它和append()的區(qū)別！

函數(shù)寫法：

$("完整的HTML標(biāo)簽").appendto("HTML標(biāo)簽的ID");

例如：$("input type='text' value=' ' id='aa' /").append("#id");

這樣也可以達(dá)到與append()的相同效果，至于區(qū)別，也許你已經(jīng)發(fā)現(xiàn)了，區(qū)別就是前后兩個(gè)括號(hào)的內(nèi)容反過來了，先填寫HTML標(biāo)簽，再寫指定元素ID。

但是即使這樣寫，添加的HTML標(biāo)簽仍會(huì)出現(xiàn)于指定ID標(biāo)簽的后面！

這個(gè)就不貼樣例圖了。

操作HTML的函數(shù)還有很多，比如圖中提到的CSS（）。

這是操作指定屬性的。用attr()也可以做到，所以就不再介紹。

這里貼上一張jquery操作HTML的方法匯總圖。

jquery中可以用什么方法來獲取和設(shè)置元素屬性

attr方法可用2113來獲取或設(shè)置屬性5261，根據(jù)參數(shù)4102個(gè)數(shù)的不同來定時(shí)獲取還1653是設(shè)置內(nèi)，當(dāng)只有1個(gè)參數(shù)時(shí)容表示獲取屬性值，當(dāng)有2個(gè)參數(shù)時(shí)表示設(shè)置元素屬性。

例如將圖片的寬度設(shè)置成150：

$("img").attr("width","150");

//參數(shù)有width和150，所以是設(shè)置

例如獲取圖片的寬度：

$("img").attr("width");

//參數(shù)只有width,所以此時(shí)是獲取

網(wǎng)頁題目：jquery加屬性值,jquery獲取屬性和設(shè)置屬性
分享路徑：http://chinadenli.net/article37/dsshcpj.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、靜態(tài)網(wǎng)站、微信小程序、網(wǎng)站建設(shè)、外貿(mào)建站、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)