Explication détaillée de l'utilisation du sélecteur jQuery [attribut*=valeur]-js tutoriel-php.cn

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

黄舟

Libérer： 2017-06-23 13:45:45

original

1106 Les gens l'ont consulté

Valeur de retour :Array[attribut*=value]

Aperçu

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

paramètre

attributeStringV1.0

Copier après la connexion

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

Copier après la connexion

jQuery Code :

$("input[name*=&#39;man&#39;]")

Copier après la connexion

Résultat :

[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]

Copier après la connexion

Ce sélecteur correspond aux éléments dont l'attribut donné contient certaines valeurs.

Structure grammaticale :

$("[attribute*=value]")

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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