本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。
jquery怎么隐藏table列
find() 方法返回被选元素的后代元素。
eq() 方法返回带有被选元素的指定索引号的元素。
索引号从 0 开头,所以第一个元素的索引号是 0(不是 1)。
$(selector).eq(index)
index必需。规定元素的索引。可以是整数或负数。
hide() 方法隐藏被选元素。
$(selector).hide(speed,easing,callback)
speed可选。规定隐藏效果的速度。
easing可选。规定在动画的不同点上元素的速度。默认值为 "swing"。
callback可选。hide() 方法执行完之后,要执行的函数。
示例如下:
123 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(function(){$(".btn1").click(function(){$("tr").find("th:eq(0)").hide(); $("tr").find("td:eq(0)").hide();});$(".btn2").click(function(){$("tr").find("th:eq(0)").show(); $("tr").find("td:eq(0)").show();});});</script>
Month | Savings |
---|---|
January | $100 |
January | $100 |
January | $100 |
输出结果:
相关视频教程推荐:jQuery视频教程
以上就是jquery怎么隐藏table列的详细内容,更多请关注php中文网其它相关文章!