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

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

黄舟
Libérer: 2017-06-23 13:39:26
original
1282 Les gens l'ont consulté

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" />
Copier après la connexion
jQuery

Code :

Résultat :
$("input[name$=&#39;letter&#39;]")
Copier après la connexion


Le code est le suivant :
[ <input name="newsletter" />, <input name="jobletter" /> ]
Copier après la connexion

Liste des paramètres :
$("[attribute*=value]")
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal