Heim >Web-Frontend >js-Tutorial >So verbergen Sie eine bestimmte Zeile in jquery

So verbergen Sie eine bestimmte Zeile in jquery

WBOY
WBOYOriginal
2021-12-13 11:44:212250Durchsuche

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)

其中:

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>

输出结果:

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn