recherche

Maison >interface Web >js tutoriel >Comment appliquer le sélecteur jQuery [attribut*=valeur] ?

Comment appliquer le sélecteur jQuery [attribut*=valeur] ?

黄舟
黄舟original
2017-06-23 13:39:261284parcourir

Valeur de retour :Array[attribute$=value]

Aperçu

Correspond à l'attribut donné est un élément se terminant par une valeur

paramètre

attribut

StringV1.0

nom de l'attribut

value StringV1<.>

valeur d'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 se termine par 'lettre'

Code HTML :

<input name="newsletter" /> 
<input name="milkman" /> 
<input name="jobletter" />
jQuery

Code :

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


Le code est le suivant : 
[ <input name="newsletter" />, <input name="jobletter" /> ]

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

Comment appliquer le sélecteur jQuery [attribut*=valeur] ?Exemple de code :

Exemple 1 :

Le code ci-dessus peut ajouter la valeur de l'attribut id avec The la couleur du texte dans l'élément li de "ir" est définie sur bleu. 
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.bitsCN.com/" />
<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>

Exemple 2 :

À 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. 
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.bitsCN.com/" />
<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>

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：À quoi devez-vous faire attention lorsque vous utilisez le sélecteur [attribute^=value] dans JQuery ?Article suivant：À quoi devez-vous faire attention lorsque vous utilisez le sélecteur [attribute^=value] dans JQuery ?

Articles Liés

Voir plus