HTML and CSS Reference
In-Depth Information
Zepto.js einbinden und verwenden
Laden Sie die aktuellste Version der Bibliothek von http://zeptojs.com herunter
(Abbildung 2.31), und speichern Sie sie in Ihrem Projektverzeichnis in dem Ordner js
ab. Fügen Sie anschließend Folgendes in Ihr HTML-Dokument ein:
<script src="js/zepto.min.js"></script>
<script>
// Hier kommt der Zepto-Code rein
</script>
Schreiben Sie anschließend Ihren ersten Zepto-Code in das script -Element:
$('h1').append('<button>Klick mich!</button>');
$('button').on('click', function(){
$('p#id').hide();
});
Abbildung 2.31 Zepto.js
Sie haben soeben einen Button erzeugt, der bei Klick das Element #id ausblendet.
Ihnen wird vielleicht aufgefallen sein, dass der Code identisch zum jQuery-Äquiva-
lent ist. Wenn Sie also bereits ein wenig mit jQuery gearbeitet haben, wird Ihnen die
Programmierung mit Zepto.js sehr leichtfallen.
Search WWH ::




Custom Search