jquery设置隐藏

在jQuery中，我们可以使用hide()方法来隐藏一个HTML元素，这个方法会将匹配的元素的高度、宽度和透明度等样式属性设置为0，从而让元素在页面上不可见，如果你想隐藏一个表格行（tr），你可以首先使用选择器选中这一行，然后调用hide()方法。

专注于为中小企业提供成都网站设计、成都做网站、外贸网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业烈山免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了1000+企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

以下是一些示例代码：

1、隐藏所有表格行：

$("tr").hide();

2、隐藏特定ID的表格行：

$("#myTable tr#row1").hide();

3、隐藏具有特定类的所有表格行：

$(".myClass tr").hide();

4、隐藏包含特定文本的表格行：

$("tr:contains('some text')").hide();

5、隐藏第一个表格行：

$("tr").first().hide();

这些代码中的选择器都是用来定位你想要隐藏的表格行的，你可以根据你的具体需求来选择合适的选择器，如果你想隐藏ID为"myTable"的表格中ID为"row1"的行，你可以使用$("#myTable tr#row1")，如果你想要隐藏所有包含"some text"文本的表格行，你可以使用$("tr:contains('some text')")。

注意，hide()方法不会改变元素的显示状态，它只是暂时地将元素隐藏起来，如果你想让元素在页面刷新后依然保持隐藏状态，你需要使用CSS来修改元素的display属性，你可以在你的CSS文件中添加以下代码：

tr.myClass {
    display: none;
}

这样，所有具有"myClass"类的表格行都会被永久隐藏，如果你只想隐藏特定的表格行，你可以将上述代码中的"myClass"替换为你想要隐藏的行的ID或类名。

你也可以使用toggle()方法来切换表格行的显示和隐藏状态，如果你有一个按钮，当用户点击这个按钮时，你希望对应的表格行被隐藏或显示，你可以这样做：

$("#myButton").click(function(){
    $("#myTable tr#row1").toggle();
});

在这个例子中，当用户点击ID为"myButton"的按钮时，ID为"row1"的表格行会被隐藏或显示，如果这行已经被隐藏，它会显示出来；如果这行已经被显示，它会再次被隐藏。

使用jQuery来隐藏表格行是非常简单的，你只需要选择一个合适的选择器，然后调用hide()方法即可，如果你想要永久地隐藏表格行，或者根据用户的操作来切换表格行的显示和隐藏状态，你也可以使用其他的jQuery方法。

本文题目：jquery设置隐藏
标题链接：http://www.shufengxianlan.com/qtweb/news1/143501.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联