jquery怎么修改高度

養(yǎng)魚的貓咪
513
2021-05-25 09:58:47

使用jquery修改高度的方法：1.新建html項(xiàng)目，引入jquery；2.創(chuàng)建div標(biāo)簽，設(shè)置id屬性；3.為標(biāo)簽設(shè)置寬高；4.添加button按鈕，綁定onclick點(diǎn)擊事件；5.通過id獲取標(biāo)簽對(duì)象，使用css()方法修改寬高；


jquery怎么修改高度


具體步驟如下：

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="btn">測(cè)試標(biāo)簽</div>

3.div標(biāo)簽創(chuàng)建好后，為標(biāo)簽設(shè)置寬高；


<div id="btn" style="width:100px; height:50px;">測(cè)試標(biāo)簽</div>

4.標(biāo)簽寬高設(shè)置好后，添加一個(gè)button按鈕，并綁定onclick點(diǎn)擊事件，用于點(diǎn)擊修改寬高；


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

5.最后，按鈕添加好后，在點(diǎn)擊事件中通過id獲取標(biāo)簽對(duì)象，在使用css()方法即可修改div標(biāo)簽的寬高；


function set(){
$("#btn").css('width','50px'); //修改寬度
$("#btn").css('height','100px');//修改高度
}


0 踩