Instructions d'utilisation du sélecteur jQuery [attribut ! = valeur]-js tutoriel-php.cn

Instructions d'utilisation du sélecteur jQuery [attribut ! = valeur]

黄舟

Libérer： 2017-06-23 13:21:19

original

1340 Les gens l'ont consulté

Aperçu

correspond à tous les éléments qui ne contiennent pas l'attribut spécifié, ou l'attribut n'est pas égal à une valeur spécifique.

Ce sélecteur est équivalent à : not([attr=value])
Pour faire correspondre des éléments avec un attribut spécifique mais non égal à une valeur spécifique, utilisez [attr]:not([attr=value ])

Paramètres

attributeStringV1.0

Copier après la connexion

Nom de l'attribut

value StringV1.0

Copier après la connexion

Valeur de l'attribut. Les devis sont facultatifs dans la plupart des cas. Mais il est utilisé pour éviter les conflits lorsque la valeur de l'attribut contient "]".

Exemple

Description :

Trouver tous les éléments d'entrée dont l'attribut name n'est pas newsletter

Code HTML :

<input type="checkbox" name="newsletter" value="Hot Fuzz" /> 
<input type="checkbox" name="newsletter" value="Cold Fusion" /> 
<input type="checkbox" name="accept" value="Evil Plans" />

Copier après la connexion

jQuery Code :

$("input[name!=&#39;newsletter&#39;]").attr("checked", true);

Copier après la connexion

Résultat :

[ <input type="checkbox" name="accept" value="Evil Plans" checked="true" /> ]

Copier après la connexion

Ce sélecteur correspond à tous les attributs qui ne contiennent pas le spécifié, ou l'attribut n'est pas un élément égal à une valeur spécifique.
Ce sélecteur est équivalent à : not[([attr=value]).
Pour faire correspondre des éléments qui contiennent un attribut spécifique mais qui ne sont pas égaux à une valeur spécifique, utilisez [attr]:not([attr=value])

Structure de syntaxe :

$("[attribute!=value]")

Copier après la connexion

Liste des paramètres :

Instructions dutilisation du sélecteur jQuery [attribut ! = valeur]

Exemple de code :
Exemple 1 :

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title></title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("button").click(function(){ 
    $("li[id!=&#39;second&#39;]").css("color","blue"); 
  })
})
</script>
</head>
<body>
<ul>
  <li id="first">html专区</li>
  <li id="second">Jquery专区</li>
</ul>
<button>点击查看效果</button>
</body>
</html>

Copier après la connexion

Le code ci-dessus peut modifier la valeur de l'attribut id dans l'élément li n'est pas égal à seconde ou n'a pas La couleur du texte dans l'élément li avec la valeur de l'attribut id est définie sur bleu.
Exemple 2 :

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title></title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("button").click(function(){ 
    $("li[id!=sec[ond]").css("color","blue"); 
  }); 
}); 
</script>
</head>
<body>
<ul>
  <li id="first">html专区</li>
  <li id="sec[ond">Jquery专区</li>
</ul>

<button>点击查看效果</button>
</body>
</html>

Copier après la connexion

À partir du code ci-dessus, nous pouvons voir comment lorsque le code contient "[" ou "]", il doit be Il y a des guillemets, sinon une erreur de correspondance se produira.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!