jQuery实现的快速查找

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

如图：

jQuery代码：

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.});