Maison >interface Web >js tutoriel >Explication détaillée de l'utilisation du sélecteur jQuery [attribut*=valeur]

Explication détaillée de l'utilisation du sélecteur jQuery [attribut*=valeur]

黄舟
黄舟original
2017-06-23 13:45:451121parcourir

Valeur de retour :Array[attribut*=value]

Aperçu

Correspond à l'attribut donné C'est un élément contenant certaines valeurs

paramètre

attributeStringV1.0
nom de l'attribut


valeur 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 :

Rechercher tous les éléments d'entrée dont le nom contient 'man'

Code HTML :

<input name="man-news" /> 
<input name="milkman" /> 
<input name="letterman2" /> 
<input name="newmilk" />

jQuery Code :

$("input[name*=&#39;man&#39;]")
Résultat :


[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]
Ce sélecteur correspond aux éléments dont l'attribut donné contient certaines valeurs.

Structure grammaticale :

$("[attribute*=value]")
Liste des paramètres :

Explication détaillée de lutilisation 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;ir&#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 définir la couleur du texte de l'élément li avec "ir" dans la valeur de l'attribut id 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*=[ir]").css("color","blue"); 
  })
})
</script>
</head>
<body>
<ul>
  <li id="f[irst">html专区</li>
  <li id="second">Jquery专区</li>
</ul>
<button>点击查看效果</button>
</body>
</html>
À partir du code ci-dessus, nous pouvons voir comment lorsque le code contient "[" ou "]", il doit avoir des guillemets, sinon cela provoquera un erreur de correspondance.

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