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-js tutoriel-php.cn

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

巴扎黑

Libérer： 2017-06-20 16:57:20

original

2259 Les gens l'ont consulté

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($(&#39;.box&#39;).size());  //返回2
});

Copier après la connexion

<🎜. >

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($(&#39;#box&#39;).size());  //只能获得一个id=box的DOM对象，返回1
});

Copier après la connexion

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 :