jquery内容过滤-js教程-PHP中文网

jquery内容过滤

无忌哥哥

发布： 2018-06-29 11:25:53

原创

1610 人浏览过

<body>
<h2>春晓</h2><span></span>
<p>春眠不觉晓，处处闻啼鸟。</p>
<p>夜来风雨声，花落知多少</p>
<p>我的女神:<img src="../images/gyy.jpg" width="150"></p>
<p>我想对圆圆:<input type="" name=""><button>提交</button></p>
</body>

登录后复制

<script type="text/javascript" src="../js/jquery-3.3.1.js"></script>
<script type="text/javascript">

登录后复制

//1.选择包含指定文本内容的元素

$(&#39;p:contains(\&#39;春\&#39;)&#39;).addClass(&#39;bg-wheat&#39;)
$(&#39;p:contains("春")&#39;).addClass(&#39;bg-wheat&#39;)
$(&#39;p:contains("风")&#39;).addClass(&#39;bg-green&#39;)

登录后复制

//2.选择内容为空的标签,空是指没有子标签,甚至连文本内容都不能有

$(&#39;:empty&#39;).text(&#39;作者:孟浩然&#39;)

登录后复制

//3.选择有img标签(图片)的p元素,给它加个背景

$(&#39;p:has("img")&#39;).addClass(&#39;bg-pink&#39;)

登录后复制

//4.选择所有以p为父元素的节点,添加绿背景

$(&#39;p:parent&#39;).addClass(&#39;bg-green&#39;)

登录后复制

//5.取反过滤器not,选择页面中所有内容不为空的元素,前景色变更为红色

$(&#39;:not(:empty)&#39;).css(&#39;color&#39;,&#39;red&#39;)

登录后复制

</script>

登录后复制

以上是jquery内容过滤的详细内容。更多信息请关注PHP中文网其他相关文章！

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程

jquery内容过滤