如何实现 模糊搜索 当我们浏览网页的时候，通常能看到搜索栏，这大大的提高了我们获取数据的目的性。
那如何去实现一个简单的模糊搜索 框呢，以下案例获取能给你一点思路。

成都创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于成都网站制作、网站建设、开江网络推广、成都微信小程序、开江网络营销、开江企业策划、开江品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们大的嘉奖；成都创新互联公司为所有大学生创业者提供开江建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

以下案例，可以实现当按键按下时，自动检索匹配数据

基本css 样式

.row {

​    height: 80px;

​    */\* line-height: 80px; \*/*

​    text-align: left;

​    line-height: 80px;

​    padding-top: 5px;

​    margin-bottom: 10px;

​  }

​  .inh {

​    width: 70px;

​    height: 70px;

​    border: 1px solid blanchedalmond;

​    border-radius: 5px;

​    line-height: 70px;

​    text-align: center;

​    margin-right: 30px;

​  }

​  img {

​    width: 100%;

​    height: 100%;

​  }

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享文章：详解jQuery如何实现模糊搜索-创新互联
转载来于：http://pwwzsj.com/article/deigcs.html