jquery内容过滤

无忌哥哥原创: 2018-06-29 11:25:531670浏览

<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中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：关于vue使用Element组件时v-for循环里的表单项验证的方法下一篇：jquery表单过滤器

查看更多