<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. Sélectionnez les éléments contenant le contenu textuel spécifié
$('p:contains(\'春\')').addClass('bg-wheat') $('p:contains("春")').addClass('bg-wheat') $('p:contains("风")').addClass('bg-green')
//2. Sélectionner les balises avec un contenu vide signifie qu'il n'y a pas de sous-balises, pas même de texte. . Le contenu ne peut pas avoir
$(':empty').text('作者:孟浩然')
//3. Sélectionnez l'élément p avec la balise img (image) et ajoutez-y un arrière-plan
$('p:has("img")').addClass('bg-pink')
//4. éléments commençant par p Pour le nœud de l'élément parent, ajoutez un fond vert
$('p:parent').addClass('bg-green')
//5. Inversez pas le filtre, sélectionnez tous les éléments de la page qui ne sont pas vides, et changez la couleur de premier plan. au rouge
$(':not(:empty)').css('color','red')
</script>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!