首页 > 代码库 > jQuery_review之table根据内容分组进行折叠显示以及，折叠之后高亮显示的实现

jQuery_review之table根据内容分组进行折叠显示以及，折叠之后高亮显示的实现

2024-07-14 03:55:40   214人阅读

    对于表格而言，应当提供丰富的功能，从而让用户有不同的感觉。例如，需要根据性质进行各种分组。现在很多RIA的第三方的软件都有很多非常强大的功能来提供对数据的筛选，分类，以及各种统计。现在通过对表单元组内容的分组来进行折叠，并且对折叠之后的内容进行高亮显示。

   这个地方的难点在于，如何来维护一个分组名称和分组之间的数据的关系，我们可以通过一些属性来进行维护，例如对cospan的列指定一个class属性，名字叫做col，他的组成元素分别命名为col1，col2这样就可以通过[attribute^=col]的形式来过滤出所有在当前分组中的元素了。这里有两个方法，需要着重的看一下，如何隐藏显示当前的页面？ hide(),show()，slideUp，slideDown，fadeIn，fadeOut，animate,toggle。如何对当前的css进行切换呢？toggleClass()。jQuery提供了非常强大的选择器以及函数来支持这些实现，非常不错。


<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <script type="text/javascript" src=http://www.mamicode.com/"jquery-1.8.3.js"></script>>


联系
我们