Heim > Artikel > Web-Frontend > Jquery-Inhaltsfilterung
Jquery-Inhaltsfilterung
- 无忌哥哥Original
- 2018-06-29 11:25:531587Durchsuche
<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>e
//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">
//2. Tags mit leerem Inhalt auswählen, bedeutet, dass es keine Unter-Tags gibt und es nicht einmal Textinhalte geben kann
$('p:contains(\'春\')').addClass('bg-wheat')
$('p:contains("春")').addClass('bg-wheat')
$('p:contains("风")').addClass('bg-green')//3. Wählen Sie das p-Element mit dem img-Tag (Bild) aus und fügen Sie einen Hintergrund hinzu
$(':empty').text('作者:孟浩然')
//4. Wählen Sie alle Knoten mit p als übergeordnetem Element aus und fügen Sie einen grünen Hintergrund hinzu
$('p:has("img")').addClass('bg-pink')//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
$('p:parent').addClass('bg-green')
$(':not(:empty)').css('color','red')
Das obige ist der detaillierte Inhalt vonJquery-Inhaltsfilterung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!