jquery,输入,过滤
web前端-js教程
本文实例讲述了jquery.fastLiveFilter.js实现输入自动过滤的方法。分享给大家供大家参考。具体如下：安卓彩票源码,ubuntu怎么切换英文,在tomcat部署vue问题,爬虫攻击英语,php 7怎么安装,上海快速seo关键词优化学习lzw
本效果是使用jquery.fastLiveFilter.js插件来实现的，类似于搜索框的输入提示功能，实现对匹配项目的自动过滤功能，当你输入的时候，会根据输入的字符智能匹配符合的内容，自动列出来，提高人性化操作体验，如果您对jquery.fastLiveFilter.js插件的用法感兴趣，这是个很不错的例子。pc手机站源码,vscode字体高亮,Ubuntu更流畅,tomcat启动多个应用,sqlite3控制0填充,被反爬虫封ip会怎么样,企业网站 开源php,保山专业的seo优化,网站代码编辑器,淘宝网页模板下载lzw
运行效果截图如下：php诊所管理系统源码,vscode js终端调试,雷神 Ubuntu,tomcat 8溢出设置,爬虫turtle,php 写文件换行,宁德抖音seo公司,政府网站开发源码,阿里云模板 三级页面lzw
具体代码如下：jQuery过滤器插件fastLiveFilter //jquery.fastLiveFilter.jsjQuery.fn.fastLiveFilter = function(list, options) { options = options || {}; list = jQuery(list); var input = this; var lastFilter = ''; var timeout = options.timeout || 0; var callback = options.callback || function() {}; var keyTimeout; var lis = list.children(); var len = lis.length; var oldDisplay = len > 0 ? lis[0].style.display : "block"; callback(len); input.change(function() { var filter = input.val().toLowerCase(); var li, innerText; var numShown = 0; for (var i = 0; i = 0) { if (li.style.display == "none") { li.style.display = oldDisplay; } numShown++; } else { if (li.style.display != "none") { li.style.display = "none"; } } } callback(numShown); return false; }).keydown(function() { clearTimeout(keyTimeout); keyTimeout = setTimeout(function() { if( input.val() === lastFilter ) return; lastFilter = input.val(); input.change(); }, timeout); }); return this;} $(function() { $('#search_input').fastLiveFilter('#search_list'); });body { margin: 0px; background-color: #F6F6F6; }.jq22{ width: 600px; height: 500px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; padding: 10px; }One Two Three One awo bhree cne dwo ehree fne gwo hhree ihree