js模糊查询

不通过数据库，直接前端js模糊查询，实现以下效果

根据搜索条件查询结果：

jsp页面相关代码：

                    
                    
                    
                

            
        
        
            

                

                    
• 最新资讯

                    
                        
                            
• [成人教育]${list.resourceTitle}

                        
                        
                            
• [学校公告]${list.resourceTitle}

                        
                        
                            
• [技能鉴定]${list.resourceTitle}

                        
                        
                            
• [技术前沿]${list.resourceTitle}

                        
                        
                            
• [教学动态]${list.resourceTitle}

                        
                        
                    
                

style='border-left:0px;border-top:0px;border-right:0px;border-bottom:1px ' 去除文本框边框

js相关代码：

$(function(){
    var $resourceTitle=$("#resourceTitle");
     $resourceTitle.on('keyup',function(){
         var resourceTitle=$.trim($resourceTitle.val());
         query();
     })
    
     function query(){
            if(resourceTitle.length == 0){
                $(".s-edu").find("li").find("a").show();
            }else{
                $(".s-edu").find("li").find("a")  
                .hide()  
                .filter(":contains('"+$("#resourceTitle").val()+"')")  
                .show();
            }
        }
})

filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。