masyarakat
Belajar
Perpustakaan Alatan
Alat AI
Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > jquery内容过滤

jquery内容过滤

无忌哥哥
Lepaskan： 2018-06-29 11:25:53
asal
1696 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!

Label berkaitan：
jquery内容过滤，jquery过滤
Artikel sebelumnya：关于vue使用Element组件时v-for循环里的表单项验证的方法 Artikel seterusnya：jquery表单过滤器
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
javascript - Sila beritahu saya tentang masalah menukar fungsi panggil balik jq untuk menjanjikan pelaksanaan
daripada 1970-01-01 08:00:00
0
0
0
javascript - Kekeliruan tentang menghantar parameter dalam tindak balas
daripada 1970-01-01 08:00:00
0
0
0
javascript - gambar rajah tindanan atribut js
daripada 1970-01-01 08:00:00
0
0
0
javascript - aplikasi halaman tunggal angularjs Bagaimana untuk menyelesaikan masalah tidak menatal ke bahagian atas halaman selepas halaman menatal ke bawah dan navigasi melompat ke halaman baharu?
daripada 1970-01-01 08:00:00
0
0
0
javascript - Apabila membina projek dengan vue-cli, anda perlu memperkenalkan fail js dan CSS statik tempatan Bagaimana untuk membungkusnya?
daripada 1970-01-01 08:00:00
0
0
0
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan