jquery控制元素的显示与隐藏,jq元素显示和隐藏

　　本教程运行环境：windows7系统，jQuery 1 . 10 . 0版，Dell G3电脑。

　　jquery怎样隐藏某列元素

　　在jquery中，可以通过“TD:n-child(2)”对象选择器获取指定的列对象，并使用hide()方法将其隐藏。下面的例子解释了jquery如何隐藏表中的列。

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

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

　　2.在js标签中，创建hidelie()函数。在该函数中，通过“TD:n-child(2)”对象选择器获取第二列对象，并使用hide()方法进行隐藏。

　　在浏览器中打开test.html文件，然后点按按钮以查看效果。

　　点击按钮后：

　　总结：

　　1.使用“表格”选项卡创建四行两列的表格。

　　2.在js中，通过“TD:n-child(2)”对象选择器获取第二列对象，并使用hide()方法隐藏它们。

　　注意事项：

　　除了上述方法，还可以使用css()方法将display属性设置为none来实现隐藏。

　　相关视频教程推荐：jquery视频教程以上是jQuery如何隐藏一列元素的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。