溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

jquery如何隱藏某一行

發(fā)布時(shí)間：2021-12-13 12:17:08 來(lái)源：億速云 閱讀：202 作者：小新 欄目：web開(kāi)發(fā)

這篇文章主要為大家展示了“jquery如何隱藏某一行”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“jquery如何隱藏某一行”這篇文章吧。

jquery隱藏某一行的方法：1、利用eq()方法獲取指定行元素對(duì)象，語(yǔ)法為“元素對(duì)象.eq(行元素的索引)”；2、利用hide()方法將獲取到的指定行元素對(duì)象隱藏起來(lái)，語(yǔ)法為“行元素對(duì)象.hide(speed,callback)”。

jquery如何隱藏某一行

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

jquery中，想要隱藏某一行，需要通過(guò)hide()方法，如果被選的元素已被顯示，則隱藏該元素。

語(yǔ)法為：

$(selector).hide(speed,callback)

其中：

jquery如何隱藏某一行

示例如下：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
  $("tr").eq(1).hide();
  });
});
</script>
</head>
<body>
<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
<button class="btn1">Hide</button>
</body>
</html>

輸出結(jié)果：

jquery如何隱藏某一行

點(diǎn)擊按鈕之后：

jquery如何隱藏某一行

以上是“jquery如何隱藏某一行”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手