php搜索功能与jquery搜索功能,JavaScript_基于jQuery实现页面搜索功能，jQuery实现页面搜索，搜索筛选 - phpStudy...

基于jQuery实现页面搜索功能

jQuery实现页面搜索，搜索筛选用户输入的内容！

HTML:

姓名	性别	联系方式
客服	女	161654466
掌柜	男	37398378737
小二	男	37398378737
小三	女	3464653537
小四	女	37398378737

JQ:

$(function(){

$("input[type=button]").click(function(){

var txt=$("input[type=text]").val();

if($.trim(txt)!=""){

$("table tr:not('#theader')").hide().filter(":contains('"+txt+"')").show().css("background","red");

}else{

$("table tr:not('#theader')").css("background","#fff").show();

}

});

})

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持phpstudy。相关阅读:

PHP生成迅雷、快车、旋风等软件的下载链接代码实例

css display inline block 兼容性问题写法

如何减少浏览器的reflow和repaint

PHP程序员基本要求和必备技能

CSS Hack技术介绍及常用的Hack技巧集锦

分享：在存储过程中使用另一个存储过程返回的查询结果集的方法

64位win8怎么安装南天PR2E针式打印机驱动?

让IE 6,7,8支持CSS3的部分属性及htc的应用

Android高仿QQ6.0侧滑删除实例代码

jquery live()重复绑定的解决方法介绍

jQuery幻灯片带缩略图轮播效果代码分享

Select下拉框模糊查询功能实现代码

Win7小键盘NumLock键失效了怎么办？

Win10系统提示缺少游戏组件怎么办？Windows10系统提示缺少游戏组件的解决方法