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內容過濾