<![CDATA[
# jQuery
## Beispiele
Ein paar Beispiele, wie jQuery verwendet werden kann:
```js
$('img').css({"border-top": "20px solid black"})
```
```js
$('p').css({'color': 'blue', 'margin-left': '20px'})
```
## Vorbereitung
Überlege dir bei den obigen Beispielen, was der Code bewirkt. Welche Elemente werden ausgewählt, was wird verändert?
## Einbindung
Baue jQuery auf deiner Website ein, indem du das Skript im <head>-Bereich deiner Website einbindest.
Die Anleitung dazu steht in der Präsentation.
## Schriftfarbe
Baue auf deiner Website Code ein, der die Schriftfarbe des Titels rot färbt.
## Titelfarbe
Baue Code auf deiner Website ein, der nach 10 Sekunden den Titel umfärbt. Du kannst das folgende Codestück verwenden, um
deinen Code nach 10 Sekunden (10'000 ms) auszuführen:
```js
setTimeout(function() {
// dein Code hier
}, 10000)
```
## Hintergrundfarbe
Baue auf der Website Code ein, der den Besucher mit dem `prompt()`-Befehl nach einer Farbe fragt, und diese dann als Hintergrundfarbe setzt.
## Bildklick
Baue Code ein, der den Bildern einen blauen Rahmen gibt, sobald sie angeklickt werden. Der folgende Code wartet auf Klicks auf Bilder. Füge deinen Code am markierten Ort ein:
```js
$('img').click(function() {
// dein Code hier. Das geklickte Bild ist schon in der Variable $(this) gespeichert
})
```
## Bildklick 2
Schreibe CSS-Code, der alle Bilder zu beginn unscharf erscheinen lässt (siehe https://jsfiddle.net/rj1bjt5b/, CSS-Regel `filter`). Ein Klick auf die Bilder soll diese Unschärfe entfernen. Erweitere dazu den Code der vorherigen Aufgabe.
## Dunkelmodus
Schreibe Code, der einen Nachtmodus auf deiner Website einbaut. Verwende dabei eher dunkle Farben für den Hintergrund und eher helle Farben für die Schrift.
]]>