html部分:
检索:<input type="text" name="index" id="index" />
<ul>
<li>我的名字叫大笨</li>
<li>我是一个中国人</li>
<li>个人博客地址是www.deeka.cn</li>
<li>学习jQuery有一年了</li>
<li>最喜欢的动物是女人</li>
<li>最讨厌的动物是和我抢女人的男人</li>
<li>闲来无事帮你写个脚本</li>
<li>不用谢,非谢不可就给我打1wRMB到我的帐号,回头把银行密码给你</li>
</ul>
js部分:
<script type="text/javascript">
<!--
$(function(){
$('#index').keyup(function(){
var index = $.trim($('#index').val().toString());
if(index == ''){
$('li').removeClass('focus');return false;
}
var parent = $('ul');
$('li').removeClass('focus');
$("li:contains('" + index + "')").addClass('focus').prependTo(parent);
});
});
//-->
</script>
css部分:
<!--
.focus{ font-weight:700; color:red;}
-->
分享到:
相关推荐
jQuery过滤关键字插件。jquery.fastLiveFilter.js
在现在的Web设计中,提高用户体验是企业最为注重的内容之一。在搜索表单中,根据输入的部分内容进行关键字匹配提示功能,就是最直观和常用的交互体验,类似功能...这里介绍一个jQuery实现搜索关键字自动匹配提示方法
Jquery实现关键字标签生成插件 在新建和编辑中均可使用
jquery按字母顺序过滤列表是一款jquery listnav分类插件按英文字母顺序图片分类和文字列表分类。
jQuery Select下拉框关键字匹配查询选择代码
Jquery快速配备关键字and带纵向滚动条图片轮播
jQuery.Mark关键字文本高亮插件是一款支持变音符号,同义词,自定义元素,自定义class名称,单词边界和iframe。它可以通过搜索的方式来高亮所有的指定关键字。
jquery高亮关键字,介于网上jquery高亮的资料比较少,所以自己动手写了个,只是写了高亮的部分,其他的就不去完善了,具体你们都懂得。
jQuery带过滤功能列表分类筛选插件代码
jquery.mark是一款功能强大的jQuery关键字文本高亮插件。它支持变音符号,同义词,自定义元素,自定义class名称,单词边界和iframe。它可以通过搜索的方式来高亮所有的指定关键字。
jQuery实现网页关键字过滤效果,将需要过滤的文字定义在JavaScript中,可定义多个,不过要修改JS代码为数组,这样可过滤出多个不同的关键字,本例只是为你演示一个基本的功能,更多过滤功能请自己挖掘吧。...
jQuery通过分页加载图片列表代码是一款通过分页按钮控制动态加载图片列表代码。
NULL 博文链接:https://nakupanda.iteye.com/blog/602882
jQuery筛选列表过滤插件Filterizr
jQuery搜索关键字自动匹配提示插件使用说明
jQuery带搜索过滤下拉列表框是一款可以多选项进行分组,设置选项的图标,对选项进行搜索过滤,以及进行多选选择。
有兴趣刚需的可以自己下载,非常实用的jquery代码,可以完美运行,有能力的还可以二次修改!
jquery实现百度搜索关键字输入下拉框提示,非常有效果,本人亲测超级好用
基于Jquery的关键字高亮插件 演示站点 http://indiboy.feelast.com/e/search/result/?searchid=17 联系QQ:11386442