jQuery Kurz-Intro
Als PPT, PDF herunterladen0 gefällt mir726 aufrufe
Das Dokument ist eine Präsentation von Brigitte Jellinek über die Verwendung von jQuery in Kombination mit CSS-Tricks. Es erklärt, wie jQuery eine bessere Benutzerinteraktion ermöglicht, Beispiele für das Ein- und Ausblenden von Navigation und Formularen sowie grundlegende Funktionen und Methoden von jQuery. Zudem wird gezeigt, wie jQuery in ein HTML-Dokument eingebaut wird und wie man mit Selektoren und Manipulationen arbeitet.
jQuery Kurz-Intro
- 1. jQuery Javascript mit CSS-Tricks Eine Präsentation von Brigitte Jellinek cc share alike
- 2. "Funktioniert auch ohne" Prinzip: Ohne Javascript benutzbar Mit Javascript besser benutzbar Beispiele Navigation ein/ausblenden Teile eines Formulars ein/ausblenden Wird von jQuery optimal unterstützt
- 3. jQuery einbauen im Head <script src="jquery.js"></script> <script> $(document).ready(function(){ // Your code here }); </script>
- 4. Komische Schreibweisen $(document) Eine Funktion mit Namen $ Ein Argument: das document-Objekt $("a") Eine Funktio mit Namen $ Ein Argument: der String "a" $.get("backend.php", callback) Ein Objekt mit Namen $ Eine Methode des Objekts mit Namen get
- 5. Funktion mit Namen daniel function daniel () { // Your code here } $(document).ready(daniel);
- 6. Anonyme Funktion $(document).ready(function(){ // Your code here });
- 7. Auswählen + Manipulieren $("a").addClass("wichtig"); $("h1").append(":"); $("h1").prepend("Titel:"); $("p .extra").hide();
- 8. Bei Klick, bei MouseOver <p>Es war einmal <span class="more">mehr</span> <span class="extra">eine Prinzessin, die lebte</span></p> $("p .extra").hide(); $("p .more").click(function() { $(this).next(".extra").toggle(); });