jQueryコンテンツフィルタリング-jsチュートリアル-php.cn

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. フィルターを反転し、 page コンテンツが空ではないすべての要素の前景色が赤に変更されます

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

ログイン後にコピー

</script>

ログイン後にコピー

以上がjQueryコンテンツフィルタリングの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

jQueryコンテンツフィルタリング