您的位置:首页 > 大数据 > 人工智能

contains实现简单搜索

2015-11-01 15:44 369 查看
<html>
<head>
<title>提示</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
</head>
<script>

//jQuery :contains
$(function(){
$("#ddd").focus();
$("#ddd").keyup(function(e) {
//alert("44555");
var val= $(this).val();
if(val==""){
window.location.reload();

}
$("p:contains("+val+")").css("color","red");
});
})
</script>
<body>
<input type="text" placeholder="请输入搜索内容" id="ddd"/>
<ul><li>
<p>胜多负少东方闪电发送到</p>
<p>aaaaaaaaaa</p>
<p>bbbbbbbbbbb</p>
<p>cccccccccccc</p>
<p>ddddddddd</p>
</li></ul>
</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: