基于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系统提示缺少游戏组件的解决方法