jquery实现静态页面筛选表格-创新互联
用jquery做一个筛选信息的效果。首先要加入对jquery的支持,这个自己加即可
创新互联建站主要从事网站设计制作、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务零陵,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575jsp页面:
筛选:
姓名 | 性别 | 年龄 | 生日 |
张三 | 男 | 15 | 1999 |
李四 | 男 | 18 | 1999 |
王五 | 男 | 15 | 1999 |
js代码:
$(document).ready(function(){
$("#shai").keyup(function(){
$("table tbody tr").hide().filter(":contains('"+($(this).val())+"')").show();
});keyup();//这句一定要有。
})
效果:
当在输入框输入“张”或者表格中任意一个字时,会将该行筛选出来。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
新闻名称:jquery实现静态页面筛选表格-创新互联
网站路径:http://hbruida.cn/article/podhd.html