JQ filter() 过滤函数
程序员文章站
2022-07-05 23:43:42
...
<!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>
效果图:
上一篇: JS 宽松相等和严格相等
下一篇: 多线程理解,线程
推荐阅读
-
通过过滤器(Filter)解决JSP的Post和Request中文乱码问题
-
深入了解Java中的Filter过滤器
-
Python中字符串String的基本内置函数与过滤字符模块函数的基本用法
-
asp.net core系列 68 Filter管道过滤器
-
Python有用的内置函数divmod,id,sorted,enumerate,input,oct,eval,exec,isinstance,ord,chr,filter,vars,zip
-
比较好用的PHP防注入漏洞过滤函数代码
-
vue的过滤器filter实例详解
-
php中使用array_filter()函数过滤数组实例讲解
-
asp 过滤非法字符函数
-
php中filter_input函数用法分析