ajax实现搜索功能,基于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();
}
});
})
更多搜索功能实现的精彩文章，请点击专题：javascript搜索功能汇总 进行学习
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。