¿Cómo eliminar elementos que coincidan con el selector especificado del conjunto de elementos coincidentes usando jQuery?

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *