Maison > Article > interface Web > Discutez en détail de la différence et de la relation entre le sélecteur d'identifiant et le sélecteur de classe dans JQuery
Discutez en détail de la différence et de la relation entre le sélecteur d'identifiant et le sélecteur de classe dans JQuery
- 巴扎黑original
- 2017-06-20 16:57:202113parcourir
L'éditeur ci-dessous vous apportera un cliché sur la différence entre jquery sélecteur d'id et le sélecteur de classe. L'éditeur pense que c'est plutôt bien, alors je vais le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur et jetons un coup d'œil
Les exemples sont les suivants :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="style.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="jquery-2.1.4.js"></script>
<script type="text/javascript" src="dams.js">
</script>
</head>
<body>
<p class="box">hello</p>
<p class="box">world</p>
</body>
</html>
$(function(){
alert($('.box').size()); //返回2
});La méthode size() renvoie le nombre de objets DOM
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="style.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="jquery-2.1.4.js"></script>
<script type="text/javascript" src="dams.js">
</script>
</head>
<body>
<p id="box">hello</p>
<p id="box">world</p>
</body>
</html>
$(function(){
alert($('#box').size()); //只能获得一个id=box的DOM对象，返回1
});c'est-à-dire : l'identifiant est unique, même s'il y a plusieurs éléments avec le même identifiant, le sélecteur jquery ne peut en obtenir qu'un seul. Donc : si vous souhaitez définir une action sur l'identifiant dans jquery, l'identifiant ne peut apparaître qu'une seule fois sur la page.
Pour les styles CSS, vous pouvez sélectionner tous les objets DOM avec id=box sur la page :#box {
color: red;
};Méthode d'écriture du sélecteur jQuery et Le sélecteur CSS est très similaire, mais ses fonctions sont différentes :
CSS ajoute un style unique après avoir trouvé l'élément, tandis que jquery ajoute une actioncomportement.
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!