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.

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=&quot;jquery.js&quot;></script> <script> $(document).ready(function(){ // Your code here }); </script>

4. Komische Schreibweisen $(document) Eine Funktion mit Namen $ Ein Argument: das document-Objekt $(&quot;a&quot;) Eine Funktio mit Namen $ Ein Argument: der String &quot;a&quot; $.get(&quot;backend.php&quot;, 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 $(&quot;a&quot;).addClass(&quot;wichtig&quot;); $(&quot;h1&quot;).append(&quot;:&quot;); $(&quot;h1&quot;).prepend(&quot;Titel:&quot;); $(&quot;p .extra&quot;).hide();

8. Bei Klick, bei MouseOver <p>Es war einmal <span class=&quot;more&quot;>mehr</span> <span class=&quot;extra&quot;>eine Prinzessin, die lebte</span></p> $(&quot;p .extra&quot;).hide(); $(&quot;p .more&quot;).click(function() { $(this).next(&quot;.extra&quot;).toggle(); });

9. Weiter? http://jquery.com