recherche

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]

黄舟
黄舟original
2017-06-23 13:09:301215parcourir

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

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>

Code jQuery :

$("div[id]")

Résultat :

[ <div id="test2"></div> ]

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

Structure grammaticale : 

$("[attribute]")
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>
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!

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：jQuery : Introduction à l'utilisation du sélecteur visibleArticle suivant：jQuery : Introduction à l'utilisation du sélecteur visible

Articles Liés

Voir plus