El selector [atributo! = valor] en jquery se usa para seleccionar cada elemento que no tiene el atributo y el valor especificados.
Sintaxis:
$("[attribute!='value']")
Parámetro:
- atributo: este parámetro es necesario para especificar el atributo que se va a buscar.
- value: este parámetro es necesario para especificar el valor que se va a buscar.
Ejemplo 1:
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("p[class!='intro']").css(
"background-color", "green");
});
</script>
</head>
<body>
<center>
<h1>Welcome to GeeksForGeeks
</h1>
<p class="intro">Geeks</p>
<p>For</p>
<p>GEEKS</p>
<p></p>
Who is your favourite:
<ul id="choose">
<li>Geeks1</li>
<li>Geeks2</li>
<li>Geeks3</li>
</ul>
</center>
</body>
</html>
Producción:
Ejemplo-2:
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("p[class='intro']").css(
"background-color", "green");
});
</script>
</head>
<body>
<center>
<h1>Welcome to GeeksForGeeks
</h1>
<p class="intro">Geeks</p>
<p>For</p>
<p>GEEKS</p>
<p></p>
Who is your favourite:
<ul id="choose">
<li>Geeks1</li>
<li>Geeks2</li>
<li>Geeks3</li>
</ul>
</center>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por rathbhupendra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA