`

JQ filter() 过滤函数

JQfilter()过滤函数 
阅读更多 
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>JQ filter() 过滤函数</title>
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
</head>
<body>
<style type="text/css">
div { width:60px; height:60px; margin:5px; float:left; border:2px white solid; }
</style>
<div></div>
<div class="middle"></div>
<div class="demo"></div>
<div class="middle"></div>
<div class="middle"></div>
<div></div>
<script type="text/javascript">
//第一种，直接过滤选择器的元素
$("div").css("background", "#c8ebcc")
.filter(".middle")
.css("border-color", "red");
</script>

<p style="clear:both;"></p>
<ul>
    <li><a href="###">张三</a></li>
    <li><a href="###">李四</a></li>
    <li><a href="###">王五</a></li>
    <li><a href="###">赵六</a></li>
    <li><a href="###">张飞</a></li>
</ul>
<script type="text/javascript">
//第二种，过滤内容修改所在的标签样式
$("ul li").filter(":contains('张三'),:contains('李四'),:contains('王五')").css("background","#f60");   
</script>

<script type="text/javascript" src="js/jquery.textSearch-1.0.js"></script>
<p class="cont">阅谁问君诵，水落清香浮。浮香浮。。。</p>
<script>
//第三种，过滤指定的内容并高亮
$(".cont").textSearch("浮香");
$(".cont").textSearch("阅 水",{markColor: "blue"});
</script>

</body>
</html>

 

效果图：

 

 

 

 

 

 

 

 

 

 

 

 

 

  • 大小: 13.3 KB
1
顶
0
踩
分享到：
| JQ 全选和反选和取消
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics