如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
用jQuery设置隐藏大型列表
Jquery是一个前端脚本库,使用这个插件库,可以方便我们处理前端逻辑。下面我们就来看一下使用jQuery是怎样设置隐藏大型列表的。
方法/步骤
在html里,我们添加一个按钮,用来触发列表的显示和隐藏。
再加上一个有很多数据的table,代表一个大型的列表。
使用jquery,我们可以很简单就能实现列表的显示和隐藏。只要调用列表的show方法就是显示,hide方法就是隐藏了,$("#tb_list").show();
代码如图,代码的其他部分,是用来判断点击按钮后,是显示,还是隐藏列表的,主要是通过判断table是否有h这个样式来实现。
运行页面,可以看到现在页面上很一个很多数据的列表表格。如果要隐藏这个表格,我们可以点击按钮。
点击后,我们可以看到,整个列表已经不见,隐藏起来了。再点击按钮,会显示回来。
如果你不想隐藏整个列表数据,而是留下几行数据,我们可以修改一下代码,修改的部分主要是对表格的行进行显示或隐藏,而不是整个表格。
先用jquery找到tr,这是一个数组,除了前面四行数据,其他行的都调用hide方法隐藏,这样就行了。
再次运行页面,现在页面显示很多行数据的,点击一下按钮。
点击后,现在列表数据除了前面四行,其他的都隐藏起来了,再次点击按钮,会把所有的数据都显示回来。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 434 HTML