jquery怎么通過(guò)class獲取元素

愛(ài)看星星的稻草人
1752
2021-05-25 13:26:43

在jquery中通過(guò)class獲取元素的方法：1.新建html項(xiàng)目，引入jquery；2.創(chuàng)建html標(biāo)簽，設(shè)置class屬性；3.添加button按鈕，綁定onclick點(diǎn)擊事件；4.在點(diǎn)擊事件中通過(guò)class屬性獲取元素；


jquery怎么通過(guò)class獲取元素


具體步驟如下：

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)建html標(biāo)簽，并分別設(shè)置class屬性，用于測(cè)試；


<p class="text"></p>
<span class="res"></span>
<div class="len"></div>

3.html標(biāo)簽創(chuàng)建好后，添加一個(gè)button按鈕，并綁定onclick點(diǎn)擊事件，用于點(diǎn)擊獲取元素；


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

4.最后，按鈕添加好后，在點(diǎn)擊事件中通過(guò)class屬性即可查獲取指定的元素；


function set(){
$(".text").css("color","red"); //獲取p標(biāo)簽，并設(shè)置為紅色
$(".res").css("color","red"); //獲取span標(biāo)簽，并設(shè)置為紅色
$(".len").css("color","red"); //獲取div標(biāo)簽，并設(shè)置為紅色
}


0 踩