jQuery实现的快速查找

 

Posted on : 04-06-2009 | By : 愚人码头 | In : 前端框架

0

jQuery实现的快速查找就是一个列表中查找和你输入的文字相匹配的项，高亮并前置表示；

如图：

jQuery代码：

view source

print ?

01. $(function(){

02. //键盘按键弹起时执行

03. $('#index').keyup(function(){

04. var index = $.trim($('#index').val().toString());//去掉两头空格

05. if(index == ''){

06. $('li').removeClass('on');return false;

07. }

08. var parent = $('ul');

09. $('li').removeClass('on');

10. //选择包含文本框值的所有加上focus类样式，并把它（们）移到ul的最前面

11. $("li:contains('" + index + "')").prependTo(parent).addClass('on');

12. });

13. });

完整 DEMO:http://www.css88.com/demo/jQuery/quickSearch/quickSearch.html

 

转载于:https://www.cnblogs.com/ajuanabc/archive/2009/06/12/2463677.html