Cas d'utilisation du sélecteur [attribut = valeur] dans jQuery-js tutoriel-php.cn

Cas d'utilisation du sélecteur [attribut = valeur] dans jQuery

黄舟

Libérer： 2017-06-23 13:17:30

original

1234 Les gens l'ont consulté

Aperçu

Correspond aux éléments où l' attribut donné est une certaine valeur

Paramètres

attributeStringV1.0

Copier après la connexion

Nom de l'attribut

value StringV1.0

Copier après la connexion

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 l'attribut de nom est newsletter

Code HTML :

<input type="checkbox" name="newsletter" value="Hot Fuzz" /> 
<input type="checkbox" name="newsletter" value="Cold Fusion" /> 
<input type="checkbox" name="accept" value="Evil Plans" />

Copier après la connexion

jQuery Code :

$("input[name=&#39;newsletter&#39;]").attr("checked", true);

Copier après la connexion

Résultat :

[ <input type="checkbox" name="newsletter" value="Hot Fuzz" checked="true" />, 
<input type="checkbox" name="newsletter" value="Cold Fusion" checked="true" /> ]

Copier après la connexion

Ce sélecteur fait correspondre les éléments avec l'attribut et la valeur d'attribut donnés.

Structure grammaticale :

$("[attribute=value]")

Copier après la connexion

Exemple de code :

Exemple 1 :

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>[attribute=value]选择器</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=third]").css("color","blue");
  })
})
</script>
</head>
<body>
<ul>
  <li id="first">html专区</li>
  <li id="second">Jquery专区</li>
</ul>
<ul>
  <li id="third">欢迎来到PHP中文网</li>
  <li>PHP中文网欢迎您</li>
</ul>
<button>点击查看效果</button>
</body>
</html>

Copier après la connexion

Le code ci-dessus peut définir la valeur de l'attribut id dans le élément li au troisième La couleur du texte dans l'élément li est définie sur bleu.

Exemple 2 :

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>[attribute=value]选择器</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=thi]rd]").css("color","blue");
  })
})
</script>
</head>
<body>
<ul>
  <li id="first">html专区</li>
  <li id="second">Jquery专区</li>
</ul>
<ul>
  <li id="thi]rd">欢迎来到PHP中文网</li>
  <li>PHP中文网欢迎您</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!