小编给大家分享一下jQuery如何实现HTML页面文本框模糊匹配查询功能，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
创新互联公司-专业网站定制、快速模板网站建设、高性价比彰武网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式彰武网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖彰武地区。费用合理售后完善，十多年实体公司更值得信赖。
可看到如下效果展示图：
接下来是代码，纯html+css+jquery的：
www.jb51.net 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;
}
周杰伦
