Heim > Web-Frontend > js-Tutorial > Hauptteil

Zusammenfassung der grundlegenden JQuery-Syntax_jquery

WBOY
Freigeben: 2016-05-16 16:12:23
Original
1033 Leute haben es durchsucht

1. $(document) konvertiert das Dokumentobjekt in jquery

Code kopieren Der Code lautet wie folgt:

$(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

Code kopieren Der Code lautet wie folgt:

$(document).ready(function(){
$("a").click(function(){
alarm("Hallo Welt");
});
});

3. Konvertierung zwischen JQuery-Objekten und Dom-Objekten

Code kopieren Der Code lautet wie folgt:

$(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

Code kopieren Der Code lautet wie folgt:

klick mich

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

Code kopieren Der Code lautet wie folgt:
$("document").ready(function(){
...
});

2> Methode 2

Code kopieren Der Code lautet wie folgt:
$().ready(function(){
...
});

3> Methode 3

Code kopieren Der Code lautet wie folgt:
$(function(){
...
});

Die oben genannten Methoden sind die gleichen

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die die JQuery-Programmierung erlernen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage