Comment appliquer le sélecteur jQuery [attribut*=valeur] ?-js tutoriel-php.cn

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!