Sym - 源码注册

一个用 Java 实现的现代化社区平台

Pipe - 体验皮肤

小而美的开源博客平台

Solo - 源码下载

一个用 Java 实现的博客系统,为你或你的团队创建个博客吧!

Wide - 教程试用

一个基于 Web 的 Go 语言 IDE

jQuery 实现的快速查找

 





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



0




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


如图:


2009-06-04_002402


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



 


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

评论
留下你的脚步