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

jquery内容过滤

无忌哥哥

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

asal

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

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

jquery内容过滤