首頁猿問 jquery 怎么給標(biāo)簽添加屬性?

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

JQuery

哈士奇WWW 2019-02-05 10:06:21

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

查看完整描述

2 回答

HUH函數(shù)

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超4個(gè)贊

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的方法匯總圖。

反對(duì) 回復(fù) 2019-03-19

拉風(fēng)的咖菲貓

TA貢獻(xiàn)1995條經(jīng)驗(yàn) 獲得超2個(gè)贊

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