对于这个搜素框，我们为了更好的体验可以利用keyup事件实现在用户输入的时候就开始筛选，而不是填完以后点击搜索按钮再执行。
效果图：
实现代码：
| 姓名 | 性别 | 暂住地 |
| 前台设计组 | ||
| 张山 | 男 | 湖北 |
| 李山 | 男 | 湖北 |
| 张山 | 男 | 湖北 |
| 张山 | 男 | 湖北 |
| 前台设计组 | ||
| 张山 | 男 | 湖北 |
| 张山 | 男 | 湖北 |
| 张山 | 男 | 湖北 |
| 张山 | 男 | 湖北 |
| 前台设计组 | ||
| 张山 | 男 | 湖北 |
| 张山 | 男 | 湖北 |
| 张山 | 男 | 湖北 |
| 张山 | 男 | 湖北 |
以上就是本文的全部内容，希望对大家学习jquery程序设计有所帮助。
jQuery 很容易学习，希望通过我们的《jquery 基础视频教程》可以帮助大家来更好的学习jQuery。 jQuery 是一个 JavaScript 库，简化了 JavaScript 编程。
jQuery教程45210次播放
《javascript三级联动视频教程》介绍了javascript开发的三级联动功能，该功能在日常使用中还是经常能用的到的一个。
JavaScript教程26497次播放
javascript是运行在浏览器上的脚本语言，连续多年，被评为全球最受欢迎的编程语言。是前端开发必备三大法器中，最具杀伤力。如果前端开发是降龙十八掌，好么javascript就是第18掌：亢龙有悔。没有它，你的前端生涯是不完整的。《php.cn独孤九贱（3）－JavaScript视频教程》课程特色：php中文网原创幽默段子系列课程，以恶搞，段子为主题风格的php视频教程！轻松的教学风格，简短的教学模式，让同学们在不知不觉中，学会了javascript知识。
JavaScript教程112944次播放
jQuery是一个快速、简洁的JavaScript框架。设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等,是全球最流行的前端开发框架之一。PHP中文网根据最新版本,独家录制jQuery最新视频教程,回馈PHP中文网的新老用户。
jQuery教程92654次播放
