Heim >Web-Frontend >js-Tutorial >Besprechen Sie ausführlich den Unterschied und die Beziehung zwischen ID-Selektor und Klassenselektor in JQuery
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($('.box').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($('#box').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 AktionVerhalten 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!