Posted on : 04-06-2009 | By : 愚人码头 | In : 前端框架
0
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.});完整 DEMO:http://www.css88.com/demo/jQuery/quickSearch/quickSearch.html
ME!
链滴
