1. $(document) konvertiert das Dokumentobjekt in jquery
$(document).ready(function(){
alarm("Hallo Welt");
});
2. Rufen Sie alle Hyperlink-Objekte ab und fügen Sie Onclick-Ereignisse hinzu. Tatsächlich ruft das zugrunde liegende JQuery-Objekt ein Array jedes Tags ab, sodass wir keine Schleife durchlaufen müssen
$(document).ready(function(){
$("a").click(function(){
alarm("Hallo Welt");
});
});
3. Konvertierung zwischen JQuery-Objekten und Dom-Objekten
$(document).ready(function(){
var javascriptElement = document.getElementById("clickme");
//Dom-Objekt in JQuery-Objekt konvertieren
var jqueryElement = $(javascriptElement);
//alert("javascript:" javascriptElement.innerHTML);//innerHTML ruft den Inhalt des Tags ab
//alert("jquery:" jqueryElement.html());
//Jquery in Dom-Objekt-Methode 1 konvertieren
var jElement = $("#clickme");
var javascriptEle = jElement[0];
alarm("jquery1: " javascriptEle.innerHTML);
//Methode 2
var javascriptEle2 = jElement.get(0);
alarm("jquery2: " javascriptEle2.innerHTML);
});
4. jquery löst das Problem, ob der ID-Wert existiert
5. Wenn Sie ein CSS-Attribut bedienen möchten, müssen Sie das „-“ im Attribut entfernen und den letzten Buchstaben großschreiben. Beispiel: „Hintergrundfarbe“ muss in „Hintergrundfarbe“ geändert werden
6. Selektoren werden auch in jquery verwendet, um verschiedene Elemente zu manipulieren . Es erbt das Designkonzept von CSS, führt es aber weiter
7. Mehrere Schreibformen von jquery
1> Methode 1
$("document").ready(function(){
...
});
2> Methode 2
$().ready(function(){
...
});
3> Methode 3
$(function(){
...
});
Die oben genannten Methoden sind die gleichen
Ich hoffe, dass dieser Artikel für alle hilfreich ist, die die JQuery-Programmierung erlernen.
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
