Maison > interface Web > js tutoriel > Explication détaillée de l'utilisation du sélecteur jQuery [attribut]

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

黄舟
Libérer: 2017-06-23 13:09:30
original
1251 Les gens l'ont consulté

Aperçu

correspond aux éléments contenant l'attribut donné . Notez que dans jQuery 1.3, le symbole @ de début a été supprimé ! Si vous souhaitez être compatible avec la dernière version, supprimez simplement le symbole @.

Paramètres

attributeStringV1.0
Copier après la connexion

Nom de l'attribut

Exemple

Description :

Trouver tous les éléments div contenant l'attribut id

Code HTML :

<div> <p>Hello!</p> </div> <div id="test2"></div>
Copier après la connexion

Code jQuery :

$("div[id]")
Copier après la connexion

Résultat :

[ <div id="test2"></div> ]
Copier après la connexion

Cette capacité du sélecteur pour faire correspondre des éléments avec des attributs donnés.

<法> Structure grammaticale :

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


Description du paramètre

Attribut pour trouver le nom de l'attribut.

Exemple de code :

<!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(){ 
    $("[title]").css("color","blue"); 
  }); 
}); 
</script>
</head>
<body>
<ul>
  <li id="first">html专区</li>
  <li id="second" title="jquery">Jquery专区</li>
</ul>
<ul>
  <li id="third">欢迎来到脚本之家</li>
  <li>欢迎您</li>
</ul>
<button>点击查看效果</button>
</body>
</html>
Copier après la connexion
Le code ci-dessus peut définir la couleur du texte dans l'élément li avec l'attribut title sur bleu.

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