jQuery | método not() con ejemplos

El not() es una función incorporada en jQuery que es justo lo opuesto al método filter() . Esta función devolverá todo el elemento que no coincida con el elemento seleccionado con la «id» o «clase» particular.
Sintaxis:

$(selector).not(A)

El selector es el elemento seleccionado que no debe ser seleccionado.
Parámetros: Acepta un parámetro «A» que es «id» o «clase» del elemento especificado.
Valor devuelto: Esto devolverá todos los elementos excepto los elementos seleccionados.
Código JavaScript para mostrar el funcionamiento de esta función:
Código n.° 1:
en el siguiente código, todos los elementos de párrafo excepto la clase «principal» se resaltan con el color verde en el fondo.

<html>
   
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/
            jquery/3.3.1/jquery.min.js"></script>
  <script>
    $(document).ready(function() {
        $("p").not(".main").css("background-color", "green");
    });
  </script>
</head>
   
<body>
    <p class="main">Hello !!!</p>
    <p class="main">Welcome to</p>
    <p>GeeksforGeeks.!!!</p>
</body>
   
</html>

Salida:

Código #2:
A continuación, todos los elementos de párrafo con la identificación «principal» se resaltan con el color verde en el fondo.

<html>
  
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/
          jquery/3.3.1/jquery.min.js"></script>
  <script>
    $(document).ready(function() {
      $("p").filter("#main").css("background-color", "green");
     });
  </script>
</head>
  
<body>
    <p id="main">GeeksforGeeks.!!!</p>
    <p id="main">Hello !!!</p>
    <p>This is not() method of jQuery.!!!</p>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por kundankumarjha 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 *