jQuery实现的快速查找
来源:互联网 发布:python 生成临时文件 编辑:程序博客网 时间:2024/04/30 02:54
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
- jQuery实现的快速查找
- 快速排序以及二分查找的实现
- Jquery实现列表项的快速检索
- 快速排序和二分查找算法的实现C语言
- geohash算法,实现快速查找附近的点
- C#实现的 快速查找通用组件 YHSoft.QuickFind
- 连通性问题的快速查找解决方案(C语言实现)
- visual studio(vs) 如何快速查找接口的实现类
- 快速排序、二分法查找的PHP实现代码
- 电话号码的快速查找
- IP的快速查找
- 利用jquery实现查找节点
- 类似淘宝产品预览的快速实现(jquery)
- jquery快速实现商品数量加减的方法
- 怎样用jquery实现快速的全选全不选,超简单
- jquery的快速学习
- 使用数组实现快速数据查找
- 用ASP编程实现快速查找
- JDK环境变量配置的步骤
- TCPDUMP简介
- TCP/IP的原理剖析
- Java 编程技术中汉字问题的分析及解决
- ext desktop grid分页控件
- jQuery实现的快速查找
- Android Power Management
- php和asp.net 比较
- 开发人员一定要加入收藏夹的网站
- dom4j写xml文件测试
- JavaScript中的作用域
- 6-12关注
- 串口通讯编程系列之RS232接口说明
- pku1228 Grandpa's Estate