欢迎来到福编程网,本站提供各种互联网专业知识!

基于jQuery实现页面搜索功能

发布时间:2016-07-26 作者:macanfa 来源:转载
这篇文章主要为大家详细介绍了基于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();
      }
    });
  })

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

相关推荐