Intro to jQuery

Intro to jQuery Alan Hecht http://alanhecht.me Jason Noble http://jasonnoble.org

Benefits ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Benefits (cont.) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Firefox/Firebug Combo ,[object Object],[object Object],[object Object]

Let ’s get started ,[object Object],[object Object],[object Object],[object Object]

JavaScript Good to know for jQuery ,[object Object],[object Object]

JavaScript Functions ,[object Object]

JavaScript Functions ,[object Object],[object Object]

JavaScript Object Notation (JSON) ,[object Object],[object Object],[object Object]

JavaScript Object Notation ,[object Object]

Document Object Model (DOM) ,[object Object],[object Object],[object Object],[object Object],[object Object]

Element id ,[object Object],[object Object],[object Object]

Element class ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSS Selectors ,[object Object],[object Object]

CSS Selectors ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSS Selectors ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSS Selectors ,[object Object],[object Object],[object Object],[object Object]

jQuery Function ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

jQuery Selectors ,[object Object],[object Object],[object Object],[object Object]

jQuery Statements selector action parameters jQuery( ‘p’) .css (‘color’, ‘blue’); $( ‘p’) .css (‘color’, ‘blue’); $( ‘p’) .css (‘font-size’, ‘35px’); $( ‘p’ ) .html ( ‘<a href=“/foo”>Home</a>’ );

jQuery Statements ,[object Object],[object Object],[object Object]

jQuery filters ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Play with tables (cont.) $('table tr:even').css('background-color', 'lightgrey') $('table tr:first').css('font-size', '64pt') $('table tr td').filter(function(index) { return index % 3 == 2; }).css('color', 'red') Many more selectors: http://api.jquery.com/category/selectors/

jQuery Effects ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Document Ready Event ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

$(selector).click(…) ,[object Object],[object Object]

Intro to jQuery

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (8)

Ähnlich wie Intro to jQuery

Ähnlich wie Intro to jQuery (20)

Mehr von Alan Hecht

Mehr von Alan Hecht (6)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Intro to jQuery

Hinweis der Redaktion