本文描述了一种自动输入滤波jquery.fastlivefilter.js方法。分享给你供你参考。以下是如下：

这种效果是使用jquery.fastlivefilter.js插件，类似于搜索框输入提示，自动匹配项目的过滤，当你进入，将根据智能输入匹配，自动列表的内容特征，完善的人性化的操作体验，如果你使用jquery.fastlivefilter.js插件感兴趣，这是一个很好的例子。

运行效果的截图如下：



具体代码如下：






jQuery插件fastlivefilter过滤器


/ / jquery.fastlivefilter.js
jquery.fn.fastlivefilter =功能（列表选项）{
选项=选择| | { }；
列表= jQuery（列表）；
输入=；
无功lastfilter =；
VaR超时= options.timeout | | 0；
VaR的回调options.callback（功能）{ } = | |；
无功keytimeout；
VaR LIS = list.children（）；
VaR len = lis.length；
无功olddisplay = Len > 0里{ 0 }。style.display：块；
回调（莱恩）；
Input.change（function（）{（）
VAR过滤= input.val（）ToLowerCase（）；
Var Li，innerText；
无功numshown = 0；
对于（var i = 0；i < i；i + +）{
李=我}；
innerText =！options.selector
（li.textcontent li.innertext | | | | ）：
$（LI）。查找（选项。选择器）。文本（）；
如果（InnerText。toLowerCase）（。IndexOf（过滤器）> = 0）{
如果（li.style.display = =没有）{
li.style.display = olddisplay；
}
numshown + +；
{人}
如果（li.style.display！{）{
li.style.display =没有；
}
}
}
回调（numshown）；
返回false；
}）。Keydown（function（）{）
ClearTimeout（keytimeout）；
keytimeout = setTimeout（）{（）函数（
如果（输入值）= lastfilter（返回）；
lastfilter = input.val（）；
Input.change（）；
}，超时）；
}）；
返回此；
}


$（函数（）{（））
$（# search_input）。FastLiveFilter（# search_list）；
}）；


体{ margin: 0px；背景颜色：# f6f6f6；}
。jq22 {宽度：600px；身高：500px；margin-left: auto；右边距：汽车；背景颜色：# ffffff；填充：填充：；}






一
二
三
一
AWO
bhree
CNE
DWO
系统
FNE
国
hhree
ihree








希望本文能对大家的jQuery程序设计有所帮助。