怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码，在编写代码时会经常出现下拉的菜单供我们选择，为我们编写代码节省了很多的时间。这样......
2023-03-17 342 JQUERY DREAMWEAVER
用jQuery设置隐藏大型列表
来源：互联网
2023-03-17 00:46:44 版权归原作者所有，如有侵权，请联系我们
Jquery是一个前端脚本库，使用这个插件库，可以方便我们处理前端逻辑。下面我们就来看一下使用jQuery是怎样设置隐藏大型列表的。
方法/步骤
在html里，我们添加一个按钮，用来触发列表的显示和隐藏。
再加上一个有很多数据的table，代表一个大型的列表。
使用jquery，我们可以很简单就能实现列表的显示和隐藏。只要调用列表的show方法就是显示，hide方法就是隐藏了，$("#tb_list").show();
代码如图，代码的其他部分，是用来判断点击按钮后，是显示，还是隐藏列表的，主要是通过判断table是否有h这个样式来实现。
运行页面，可以看到现在页面上很一个很多数据的列表表格。如果要隐藏这个表格，我们可以点击按钮。
点击后，我们可以看到，整个列表已经不见，隐藏起来了。再点击按钮，会显示回来。
如果你不想隐藏整个列表数据，而是留下几行数据，我们可以修改一下代码，修改的部分主要是对表格的行进行显示或隐藏，而不是整个表格。
先用jquery找到tr，这是一个数组，除了前面四行数据，其他行的都调用hide方法隐藏，这样就行了。
再次运行页面，现在页面显示很多行数据的，点击一下按钮。
点击后，现在列表数据除了前面四行，其他的都隐藏起来了，再次点击按钮，会把所有的数据都显示回来。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
相关文章
- 详细阅读
-
jQuery MiniUI 快速入门详细阅读
jQuery MiniUI 快速入门,前段时间由于工作的原因接触到MiiUI。感觉MiiUI很强大，使用起来也很舒服。下面我就带领大家快速的使用MiiUI。MiiUI-专业WeUI控件库它能缩短开发时......
2023-03-17 330 JQUERY
-
怎么使用JQuery Mobile开发移动网站详细阅读
怎么使用JQuery Mobile开发移动网站,现在越来越多的人用网站来做手机a,这样的好处是，可以做一个网站，基本上可以做到多个平台adroid,io,w,都可以使用。这里使用JQueryMoile......
2023-03-17 374 JQUERY