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;}
-->
相关资源:敏捷开发V1.0.pptx