怎么用jQuery实现HTML页面文本框模糊匹配查询功能

这篇文章主要介绍了怎么用jQuery实现HTML页面文本框模糊匹配查询功能的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇怎么用jQuery实现HTML页面文本框模糊匹配查询功能文章都会有所收获，下面我们一起来看看吧。

在青岛等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供做网站、网站建设 网站设计制作按需定制制作,公司网站建设,企业网站建设,成都品牌网站建设,网络营销推广,外贸营销网站建设,青岛网站建设费用合理。

可看到如下效果展示图：

接下来是代码，纯html+css+jquery的：

  
  
  
  
    #div_main {
      margin: 0 auto;
      width: 300px;
      height: 400px;
      border: 1px solid black;
      margin-top: 50px;
    }
    #div_txt {
      position: relative;
      width: 200px;
      margin: 0 auto;
      margin-top: 40px;
    }
    #txt1 {
      width: 99%;
    }
    #div_items {
      position: relative;
      width: 100%;
      height: 200px;
      border: 1px solid #66afe9;
      border-top: 0px;
      overflow: auto;
      display: none;
    }
    .div_item {
      width: 100%;
      height: 20px;
      margin-top: 1px;
      font-size: 13px;
      line-height: 20px;
    }
  


  
    
    
      
        
        
        
        
          周杰伦