Jquery-Inhaltsfilterung-js-Tutorial-php.cn

Jquery-Inhaltsfilterung

无忌哥哥

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

Original

1610 Leute haben es durchsucht

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

Nach dem Login kopieren

//1. Elemente auswählen, die den angegebenen Textinhalt enthalten

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

Nach dem Login kopieren

//2. Tags mit leerem Inhalt auswählen, bedeutet, dass es keine Unter-Tags gibt und es nicht einmal Textinhalte geben kann

$(&#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;)

Nach dem Login kopieren

//3. Wählen Sie das p-Element mit dem img-Tag (Bild) aus und fügen Sie einen Hintergrund hinzu

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

Nach dem Login kopieren

//4. Wählen Sie alle Knoten mit p als übergeordnetem Element aus und fügen Sie einen grünen Hintergrund hinzu

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

Nach dem Login kopieren

//5. Negieren Sie den Filter nicht, wählen Sie alle Elemente auf der Seite aus, die nicht leer sind, und ändern Sie die Vordergrundfarbe in Rot

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

Nach dem Login kopieren

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

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonJquery-Inhaltsfilterung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!