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搜索功能汇总 进行学习

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。