jquery内容过滤-tutorial js-php.cn

jquery内容过滤

无忌哥哥

Lepaskan： 2018-06-29 11:25:53

asal

1637 orang telah melayarinya

<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>

Salin selepas log masuk

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

Salin selepas log masuk

//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;)

Salin selepas log masuk

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

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

Salin selepas log masuk

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

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

Salin selepas log masuk

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

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

Salin selepas log masuk

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

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

Salin selepas log masuk

</script>

Salin selepas log masuk

Atas ialah kandungan terperinci jquery内容过滤. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!