So verbergen Sie eine bestimmte Zeile in jquery-js-Tutorial-php.cn

So verbergen Sie eine bestimmte Zeile in jquery

WBOY

Freigeben： 2021-12-13 11:44:21

Original

2180 Leute haben es durchsucht

jquery隐藏某一行的方法：1、利用eq()方法获取指定行元素对象，语法为“元素对象.eq(行元素的索引)”；2、利用hide()方法将获取到的指定行元素对象隐藏起来，语法为“行元素对象.hide(speed,callback)”。

So verbergen Sie eine bestimmte Zeile in jquery

本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery怎样隐藏某一行

jquery中，想要隐藏某一行，需要通过hide()方法，如果被选的元素已被显示，则隐藏该元素。

语法为：

$(selector).hide(speed,callback)

Nach dem Login kopieren

其中：

So verbergen Sie eine bestimmte Zeile in 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>

Nach dem Login kopieren

输出结果：

So verbergen Sie eine bestimmte Zeile in jquery

点击按钮之后：

So verbergen Sie eine bestimmte Zeile in jquery

相关视频教程推荐：jQuery视频教程

Das obige ist der detaillierte Inhalt vonSo verbergen Sie eine bestimmte Zeile in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!