jquery如何实现静态搜索功能

这篇文章主要为大家展示了“jquery如何实现静态搜索功能”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“jquery如何实现静态搜索功能”这篇文章吧。

成都创新互联成立与2013年，先为镶黄等服务建站，镶黄等地企业，进行企业商务咨询服务。为镶黄企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

效果图：

jquery如何实现静态搜索功能

代码如下：



 
 
 jquery实现静态搜索功能
 
 
 
 
 
 
 
 
 
 
 
 
  
 
 
  
  
  克利夫兰 骑士
  
  
  金州 勇士
  
  
  波士顿 凯尔特人
  
  
  休斯顿 火箭
  
  
  搜索结果tab隐藏
  
  
  
  
  
  
   
   全部
   姓名
   位置
   介绍

搜索

号码姓名位置身高体重介绍 23 勒布朗-詹姆斯小前锋 203CM 113KG 四届NBA最有价值球员奖 2 凯尔-欧文控球后卫 191CM 88KG 15-16赛季NBA总冠军 0 凯文-乐福大前锋/中锋 208CM 110KG 15-16赛季获得NBA总冠军 13 特里斯坦-汤普森大前锋 206CM 103KG 擅长拼抢进攻篮板球 5 J.R.史密斯得分后卫 198CM 102KG 15-16赛季NBA总冠军

号码姓名位置身高体重介绍 30 斯蒂芬-库里控球后卫 191CM 83.9KG 两届NBA最有价值球员奖三分精准 11 克莱-汤普森得分后卫 201CM 93KG 14-15赛季NBA总冠军 35 凯文-杜兰特小前锋/大前锋 211CM 106.6KG 得分手段多样投篮精准 23 德雷蒙德-格林前锋 201CM 104KG 顶级锋线防守者 9 安德鲁-伊格达拉得分后卫 198CM 94KG 迷你版勒布朗身体素质极佳

号码姓名位置身高体重介绍 4 以赛亚-托马斯控球后卫 175CM 84KG 球风强硬能够突破具备三分射程 0 埃弗里-布拉德利控球后卫 188CM 82KG 15-16赛季最佳防守阵容第一阵容 42 艾尔-霍福德中锋 208CM 111KG 球风全面的内线中距离精准 9 贾伊-克劳德大前锋 198CM 107KG 能量四射的双能锋 36 马库斯-斯玛特控球后卫 193CM 100KG 敢于突破不惧身体对抗球风无私

号码姓名位置身高体重介绍 13 詹姆斯-哈登后卫 196CM 99.8KG 两次入选NBA最佳阵容第一阵容 1 特雷沃-阿里扎小前锋 203CM 95.3KG 08-09赛季NBA总冠军 2 帕特里克-贝弗利控球后卫 185CM 84KG 2015年全明星技巧挑战赛冠军 10 埃里克-戈登得分后卫 191CM 100.7KG 属于攻击型得分后卫 3 莱恩-安德森大前锋 208CM 109KG 投篮型内线出手快