La tarea es eliminar elementos que coincidan con el selector especificado del conjunto de elementos coincidentes mediante jQuery . jQuery es la biblioteca de JavaScript más rápida y liviana que se utiliza para simplificar las interacciones entre un documento HTML/CSS , o más precisamente el Modelo de Objetos de Documento (DOM) y JavaScript .
jQuery es ampliamente famoso por su lema « Escribe menos, haz más». Simplemente significa que puede lograr su objetivo con solo escribir unas pocas líneas de código.
Enfoque: Podemos realizar esta tarea usando el método .not() en jQuery. Este método se utiliza para eliminar elementos del conjunto de elementos coincidentes.
Ejemplo: el siguiente código muestra un borde verde en negrita para el elemento <div> que no tiene una clase como «verde» ni una identificación como «azul». Este código también usa el método jQuery css() . El método css() en jQuery se usa para cambiar la propiedad de estilo del elemento seleccionado que se usa para proporcionar un borde verde a los elementos seleccionados.
HTML
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <script src= "https://code.jquery.com/jquery-3.5.0.js"> </script> <style> div { width: 50px; height: 50px; margin: 10px; float: left; background: pink; border: 5px solid white; } .green { background: #8f8; } .gray { background: #ccc; } #blueone { background: #99f; } body { text-align: center; } </style> </head> <body> <h1 style="color:green"> GeeksforGeeks </h1> <div>GFG</div> <div id="blueone">GFG</div> <div>GFG</div> <div class="green">GFG</div> <div class="green">GFG</div> <div class="gray">GFG</div> <div>GFG</div> <script> $("div").not(".green, #blueone") .css("border-color", "Green"); </script> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por krishnanand3 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA