jquery根据名称实时搜索匹配功能
2016-12-05 16:39
393 查看
jquery根据名称实时搜索匹配功能,可以根据输入信息快速定位到某个标签
<script> (function ($) { jQuery.expr[':'].Contains = function(a,i,m){ return (a.textContent || a.innerText || "").toUpperCase().indexOf(m[3].toUpperCase())>=0; }; function filterList(header, list) { $("#search_input").change( function () { var filter = $(this).val(); if(filter) { $matches = $(list).find('a:Contains(' + filter + ')').parent(); $('dd', list).not($matches).slideUp(); $matches.slideDown(); } else { $(list).find("dd").slideDown(); } return false; }) .keyup( function () { $(this).change(); }); } $(function () { filterList($("#form"), $("#list")); }); }(jQuery)); </script> <div><div id="form"><input style="border-radius:0; font-size:14px; height:40px;line-height:40px;width: 95%;margin: 10px 1%;border: 1px solid #66afe9;padding-left: 3%;" placeholder="输入名称可快速查找" type="text" id="search_input"></div></div>
相关文章推荐
- jquery根据名称实时搜索匹配功能
- JQuery+ajax实现类似百度搜索自动匹配功能
- 基于jQuery实现搜索关键字自动匹配功能
- Jquery插件仿百度搜索关键字自动匹配功能
- Jquery插件仿百度搜索关键字自动匹配功能
- JQuery+ajax实现类似百度搜索自动匹配功能
- 基于jQuery实现搜索关键字自动匹配功能
- 方维分享系统搜索功能修改成根据标题关键词搜索,匹配度更高,速度更快
- jQuery实现动态搜索显示功能
- jQuery实现自动搜索功能
- 项目调试之供求网站信息开发----实现网页中搜索匹配查询功能
- JQuery实现Ajax 根据商品名称自动显示价格
- jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
- 基于jquery实现的类似百度搜索的输入框自动完成功能
- 在ASP.NET中如何使用ASP.NET AJAX实时搜索功能控件--RealTimeSearchMonitor
- 使用jQuery.AutoComplete完成仿淘宝商品搜索功能
- jquery最新插件Autocomplete搜索自动提示功能
- asp.net下使用jQuery.AutoComplete完成仿淘宝商品搜索自动完成功能(改进了键盘上下选择体验)