首页 > 代码库 > jQuery_review之对已经加载到页面上的的table进行内容的筛选

jQuery_review之对已经加载到页面上的的table进行内容的筛选

    后台将数据通过response,经过HTML的解析之后,传递到前台进行展示,数据可能非常多。因此有一个在当前页面上进行二次搜索的功能是非常有必要的,要做找个功能对jQuery也是手到擒来的事情。仅仅是有几个小的知识点需要重点关注一下。第一个,使用什么事件呢?当然,我们可以再input搜索框后面增加一个检索按钮。但是这样用户就要多点一次按钮,甚至多点好几次按钮。在于服务器交互的时候,这种方式可以极大的减轻服务器的压力,但是在当前页面上,仅仅是通过input进行搜索的话,因为操作是在用户的浏览器上进行的,因此可以使用keyup事件,类似于google的搜索提示一样,做到比较好的用户体验效果。

    第二,需要记住的就是处理空行,如果当前用户已经将所有的内容清空掉,则要处理空行,来保证当前功能是正确的。第三个,就是使用keyup的时候,应该要手动触发一次,防止出现意外的结果(DOM解析问题)。


<%@ 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>>

jQuery_review之对已经加载到页面上的的table进行内容的筛选