热搜:前端 nest neovim nvim

jquery隐藏表格某一列(jquery table隐藏列)

lxf2023-03-11 09:18:01

方法:1、利用“:nth-child“选择器和“$(元素)”语句获取要隐藏的一列元素对象,语法为“$(元素:nth-child(n))”;2、使用hide()方法隐藏获得的元素对象,语法为“元素对象”.hide()”。

jquery隐藏表格某一列(jquery table隐藏列)

本教程操作环境:windows7系统,jquery1.10.0版本、Dell G3电脑。

如何隐藏某列元素?

y在jquery中,可以通过“td:nth-child(2)“对象选择器获得指定列对象,并采用hide()方法实现隐藏。以下是jquery如何隐藏表格中的列。

1、新建html文件,命名为test.html,用来解释jquery如何隐藏表格中的列。用table标签创建一个四行两列的表格,并将其边框设置为1px。在table表格中添加一个id属性mytable,以获取下面的table对象。

在test.在html文件中,创建一个button按钮,将onclick点击事件绑定到button,当按钮被点击时,执行hidelie()函数。

jquery隐藏表格某一列(jquery table隐藏列)

2、在js标签中,创建hidelie()函数,在函数中,通过“td:nth-child(2)“对象选择器获得第二列对象,采用hide()方法实现隐藏。

jquery隐藏表格某一列(jquery table隐藏列)

打开浏览器中的testst.html文件,点击按钮查看实现效果。

jquery隐藏表格某一列(jquery table隐藏列)

点击按钮:

jquery隐藏表格某一列(jquery table隐藏列)

总结:

1、用table标签创建一个四行两列的表格。

2、在js中,通过“js”td:nth-child(2)“对象选择器获得第二列对象,采用hide()方法实现隐藏。

注意事项:

除上述方法外,还可采用css()方法将display属性设置为none,实现隐藏。

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

以上是jquery如何隐藏某一系列元素的详细内容,更多请关注AdminJS的其他相关文章!