El selector :not() se usa para seleccionar todos los elementos que no están seleccionados.
Sintaxis
$(":not(selector)")
Parámetro:
- selector: Se utiliza para especificar que el elemento no debe ser seleccionado. El parámetro selector acepta cualquier tipo de selector.
Ejemplo: cambiar el color de fondo del elemento p .
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).click(function() {
$("p:not(.intro)").css(
"background-color", "green");
});
</script>
</head>
<body>
<center>
<h1>Geeks for Geeks</h1>
<p class="intro">
A Computer Science Portal for Geeks
</p>
<p>jQuary :not selector
</p>
<p>I change my background color
</p>
<p>language option</p>
<ul id="choose"
style="width:5em;
margin:0 auto;">
<li>
JAVA
</li>
<li>
C++
</li>
<li>
PYTHON
</li>
</ul>
<button>
Change color
</button>
</center>
</body>
</html>
Salida:
Antes:
Después:
Publicación traducida automáticamente
Artículo escrito por Vijay Sirra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA