jquery实现静态页面筛选表格
用jquery做一个筛选信息的效果。首先要加入对jquery的支持,这个自己加即可
站在用户的角度思考问题,与客户深入沟通,找到海棠网站设计与海棠网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站设计、网站建设、企业官网、英文网站、手机端网站、网站推广、域名与空间、虚拟主机、企业邮箱。业务覆盖海棠地区。
jsp页面:
筛选:
姓名 | 性别 | 年龄 | 生日 |
张三 | 男 | 15 | 1999 |
李四 | 男 | 18 | 1999 |
王五 | 男 | 15 | 1999 |
js代码:
$(document).ready(function(){
$("#shai").keyup(function(){
$("table tbody tr").hide().filter(":contains('"+($(this).val())+"')").show();
});keyup();//这句一定要有。
})
效果:
当在输入框输入“张”或者表格中任意一个字时,会将该行筛选出来。
本文标题:jquery实现静态页面筛选表格
网站链接:http://ybzwz.com/article/gddcch.html