jQuery - Webapplikationen Von Morgen

jQuery Webapplikationen von Morgen.

jQuery
veröffentlicht im Januar 2006
Schwerpunkt: DOM Operationen vereinfachen
enthält Events, Animationen, AJaX
geringe Dateigröße ( Lightweight )
CSS3 und Cross-Browser kompatibel
Erweiterbar durch Plugin-Architektur

John Resig
Chefentwickler jQuery-Project
Autor, Programmierer, JavaScript-Freak
Arbeitet für die Mozilla Corporation
Autor von „ Pro Javascript Techniques “
Lebt und arbeitet in Bosten
Studiert am Rochester Institute of Technology, NY

Was macht jQuery so einzigartig?
Eingebaute CSS-Selektoren
Anpassung
jQuery benutzt seinen eigenen Namespace
kompatibel mit anderen JavaScript-Bibliotheken
API wurde knapp aber präzise und bequem aufgebaut ( KISS )

Die jQuery()-Funktion
jQuery('div#intro h2')
jQuery('div.section > p')
jQuery('input:radio')
$('div#intro h2')
$() -> jQuery()

Das jQuery-Objekt
$() ist immer vom Typ „jQuery“
jQuery besitzt Eigenschaften/Methoden: (Bsp.)
$('div.section').size() = Anzahl der Selektierten Elemente
$('div.section').each(function(div){ // do something with the div })

Arbeiten mit Objekten
Ein jQuery-Objekt enthält eine Liste mit allen selektierten HTML Objekten und stellt Funktionen für deren Umgang zur Verfügung
$('div.section').addClass('highlighted')
$('img.photo').attr('src', '/default.png');
$('a.foo').html('Click me now!');
$('p:odd').css('background-color', '#ccc');

Chainability (The Magic of jQuery)
Alle jQuery Funktionen geben, sofern nicht anders definiert, ihr eigenes jQuery-Objekt zurück
Ermöglicht Verkettung von Anweisungen
$("a") . addClass("test") . show() . html("foo");

Arbeiten mit der DOM
jQuery stellt eine Reihe von Methoden zur Verfügung sich innerhalb der DOM zu „bewegen“
$('div.section').next()
$('div.section').prev()
$('div.section').prev('a')
$('div.section').parent()
$('div.section').parents()

Zum Weiterlesen
John Resig
http://ejohn.org
jQuery Webseite
http://jQuery.com
jQuery Userinterface „UI“
http://ui.jquery.com

RealTime Demos
document.ready();
Events
Effekte
Modifikationen zur Laufzeit
Inhalte/Werte lesen/verändern
Tags und Parameter lesen/schreiben
AJaX – Quick and Dirty

jQuery - Webapplikationen Von Morgen

by Dennis Hoppe

Accessibility

Upload Details

Usage Rights

2 Embeds 19

Statistics

jQuery - Webapplikationen Von Morgen Presentation Transcript

http://dennishoppe.de	15
http://localhost	4