基于jQuery实现页面搜索功能

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

HTML:

div class=' table ' table tr id=' der ' th姓名/th性别/th联系方式/th /tr tr td客服运输署/运输署女TD/TD 161654466/TD/tr掌柜运输署/运输署男TD/TD/37398378737小二运输署/运输署男TD/TD/37398378737小三运输署/运输署女TD/TD/3464653537小四运输署/运输署女TD/TD TD 37398378737/TD/tr/table输入类型=' text '/输入类型='按钮'值='搜索/input /divJQ:

$(function(){ $(' input[type=button]').单击(function(){ var txt=$(' input[type=text]').val()；if($ .装饰件(txt)！=' '){ $(' table tr : not(' # theader ')').隐藏()。过滤器(' :包含(' txt ' ')')).显示()。css(“”背景','红色');} else { $(' table tr : not(' the der ')').css(“”背景，' #fff ').show()；} });})以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。