Heim > Artikel > Web-Frontend > Besprechen Sie ausführlich den Unterschied und die Beziehung zwischen ID-Selektor und Klassenselektor in JQuery

Besprechen Sie ausführlich den Unterschied und die Beziehung zwischen ID-Selektor und Klassenselektor in JQuery

巴扎黑Original: 2017-06-20 16:57:202203Durchsuche

Der folgende Editor bringt Ihnen ein Klischee über den Unterschied zwischen jquery id selector und class selector. Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Folgen wir dem Herausgeber und werfen wir einen Blick darauf.

Die Beispiele sind wie folgt:

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

Die Methode size() gibt die Anzahl der DOM-Objekte

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

d. h.: id ist eindeutig, auch wenn mehrere Elemente mit derselben ID vorhanden sind, kann der JQuery-Selektor nur eines davon abrufen. Also: Wenn Sie in jquery eine Aktion für die ID festlegen möchten, darf die ID nur einmal auf der Seite erscheinen.

Für CSS-Stile können Sie alle DOM-Objekte mit id=box auf der Seite auswählen:

#box {

  color: red;


};

jQuery-Selektor-Schreibmethode und

Der CSS-Selektor ist sehr ähnlich, aber seine Funktionen sind unterschiedlich:

CSS fügt einen einzelnen Stil hinzu, nachdem das Element gefunden wurde, während jquery Aktion

Verhalten hinzufügt.

Das obige ist der detaillierte Inhalt vonBesprechen Sie ausführlich den Unterschied und die Beziehung zwischen ID-Selektor und Klassenselektor in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Einführung in die Verwendung von Platzhaltern in jQuery-SelektorenNächster Artikel：Einführung in die Verwendung von Platzhaltern in jQuery-Selektoren

In Verbindung stehende Artikel

Mehr sehen