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:202203parcourir

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
});

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
});

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 action

comportement.

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：Présentation de l'utilisation de caractères génériques dans les sélecteurs jQueryArticle suivant：Présentation de l'utilisation de caractères génériques dans les sélecteurs jQuery

Articles Liés

Voir plus