JQuery JavaScript-Test
Testen JavaScript-Framework-Bibliothek - jQuery
Referenz jQuery
Um zu testen, JavaScript-Bibliothek, müssen Sie es auf einer Webseite zu verweisen.
Um zu einer Bibliothek verweisen, verwenden Sie das <script> -Tag, dessen Attribut src an die URL-Bibliothek festlegen:
Referenz jQuery
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
</head>
<body>
</body>
</html>
jQuery Beschreibung
Die Hauptfunktion ist ein jQuery-Funktion $ () (jQuery-Funktion). Wenn Sie an eine Funktion DOM-Objekt, das jQuery-Objekt mit jQuery gibt die Funktionalität hinzuzufügen.
jQuery CSS-Selektor können Sie Elemente auswählen.
In JavaScript können Sie eine Funktion zu behandeln Fenster Ladeereignis zuordnen:
JavaScript-Methode:
{
var obj = document.getElementById ( "H01");
obj.innerHTML = "Hallo jQuery";
}
onload = myFunction;
Equivalent jQuery ist anders:
jQuery Weg:
{
$("#h01").html("Hello jQuery");
}
$(document).ready(myFunction);
Die letzte Zeile des Codes oben, HTML DOM-Dokument-Objekt zu jQuery übergeben: $ (document).
Wenn Sie DOM-Objekt zu jQuery passieren, kehren jQuery wird in die HTML-DOM-Objekte gewickelt jQuery-Objekt.
jQuery Funktion gibt eine neue jQuery-Objekt, wobei die bereit () ist eine Methode.
Da die Funktion in JavaScript-Variable ist, so können Sie setzen myFunction geben als Argument an die Methoden bereit jQuery.
jQuery senden Sie das jQuery-Objekt, das DOM-Objekt hat verschiedene übergeben. JQuery Objekteigenschaften und Methoden haben, mit verschiedenen DOM-Objekt. Sie können keine HTML-DOM-Eigenschaften und Methoden auf dem jQuery-Objekt verwenden. |
Testing jQuery
Bitte versuchen Sie das folgende Beispiel:
Beispiele
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
Versuchen »
Bitte versuchen Sie es erneut in diesem Beispiel:
Beispiele
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").attr("style","color:red").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
Versuchen »
Wie Sie im obigen Beispiel sehen können, ermöglicht jQuery Links (Ketten Syntax).
Link (Verketten) ist ein Verfahren, mehrere Aufgaben zu demselben Thema bequeme Methode durchgeführt wird.
Sie müssen mehr lernen? Dieses Tutorial gibt Ihnen eine große jQuery - Tutorial .