jquery如何增加標(biāo)簽屬性

養(yǎng)魚(yú)的貓咪
328
2021-05-21 13:30:12

使用jquery為標(biāo)簽增加屬性的方法:1.新建html項(xiàng)目,引入jquery;2.創(chuàng)建div標(biāo)簽,設(shè)置id屬性;3.添加button按鈕,綁定onclick點(diǎn)擊事件;4.通過(guò)id獲取標(biāo)簽對(duì)象,使用attr()方法增加標(biāo)簽屬性;


jquery如何增加標(biāo)簽屬性


具體步驟如下:

1.首先,在新建一個(gè)html項(xiàng)目,在項(xiàng)目中引入jquery;



<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>

2.引入jquery后,在項(xiàng)目中創(chuàng)建一個(gè)div標(biāo)簽,并設(shè)置id屬性,用于測(cè)試;


<div id="text"></div>


3.div標(biāo)簽創(chuàng)建好后,添加一個(gè)button按鈕,并綁定onclick點(diǎn)擊事件,用于點(diǎn)擊增加標(biāo)簽屬性;



<button onClick="set()"></button>

4.最后,按鈕添加好后,在點(diǎn)擊事件中通過(guò)id獲取標(biāo)簽對(duì)象,在使用attr()方法即可為標(biāo)簽增加屬性;


#為div標(biāo)簽添加一個(gè)style屬性,并設(shè)置寬高

function set(){

$("#text").attr("style","width:100px;height:000px");

}



0