<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>
contains实现简单搜索
最新推荐文章于 2021-08-11 10:13:40 发布