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