基于jQuery实现页面搜索功能

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

HTML:

rush:xhtml;">

姓名 性别 联系方式 搜索">

JQ:

rush:js;"> $(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();
  }
});

})

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