Selektieren und Manipulieren mit jQuery
als Präsentation ▻jQuery verwendet die Schreibweise der CSS-Selektoren um Nodes des DOM auszuwählen:
$("a") /* alle a-Tags ... als jQuery Objekte */ $("h1") /* alle Überschriften h1 ... als jQuery Objekte */ $("p.extra") /* alle p-tags mit klasse extra ... als jQuery Objekte */
jQuery definiert noch ein paar zusätzliche Selektoren, die es in CSS so nicht gibt:
$("tr:even") /* Alle geraden Zeilen der Tabelle */ $("p:contains('Warnung')") /* Absätze die die Zeichenkette Warnung enthalten */ $(":checkbox") /* Alle input-Tags vom typ checkbox */
und weitere Methoden, um noch besser zu selektieren:
$('h1').next() /* nächster Tag nach der h1 */ $('h2').nextUntil('h2') /* Alle Tags zwischen einem h2 und dem nächsten */
Das Ergebnis ist jeweils ein jQuery Objekt.
▻Manipulation
Die Selektion allein verändert die Webseite noch nicht. Dafür bietet jQuery eine Reihe von Manipulations-Funktionen an.
$("a").addClass("wichtig"); /* alle A-Tags erhalten die Klasse wichtig */ $("h1").append(":"); /* in Überschriften h1 wird ein Doppelpunkt angefügt */ $("h1").prepend("Titel:"); /* --||-- wird vorne ‚titel:’ eingefügt */ $("p.extra").hide(); /* alle p-tags mit klasse extra werden versteckt */
Hinweis: hier versteckt sich eine Schleife: der Selektor liefert ein Liste von Tags, die Manipulations-Funktion wird für jedes Element der Liste aufgerufen.
Kapitel
- Das Web Und Html
- Css
- Css Layout
- Urls
- Formulare
- Javascript Dom
- Jquery
- Kommandozeile
- Git
- Http
- Php Vorbereitung
- Php
- Php Db Lesen
- Session
- Php Db Schreiben
- Php Db Optimierung
- Grafik
- Javascript
- Applied Jquery And Css
- Json
- Xml
- Security
- Injection
- Authentifizierung und Session-Management
- Cross Site Scripting (XSS)
- Unsichere direkte Objektreferenzen
- Sicherheitsrelevante Fehlkonfiguration
- Verlust der Vertraulichkeit sensibler Daten
- Fehlerhafte Autorisierung auf Anwendungsebene
- Cross-Site Request Forgery (CSRF)
- Nutzung von Komponenten mit bekannten Schwachstellen
- Ungeprüfte Um- und Weiterleitungen
- Wordpress
- Apache
- Advanced Javascript
- Qualitaet