recherche

Maison >interface Web >js tutoriel >Instructions d'utilisation du sélecteur jQuery [attribut ! = valeur]

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

黄舟
黄舟original
2017-06-23 13:21:191304parcourir

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

Nom de l'attribut

value StringV1.0

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" />

jQuery Code :

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

Résultat :

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

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]")

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>

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>

À 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!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Cas d'utilisation du sélecteur [attribut = valeur] dans jQueryArticle suivant：Cas d'utilisation du sélecteur [attribut = valeur] dans jQuery

Articles Liés

Voir plus