Your SlideShare is downloading. ×
jQuery - Write less, do more!
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

jQuery - Write less, do more!

1,408

Published on

jQuery Präsentation vom 2. Dezember 2008 an der FH St. Pölten

jQuery Präsentation vom 2. Dezember 2008 an der FH St. Pölten

Published in: Self Improvement
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,408
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
16
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. jQuery
    • The write less, do more JavaScript Framework
  • 2. Agenda
    • jQuery - Was ist jQuery?
    • jQuery Basics
    • jQuery Plugins
    • jQuery Documentation
  • 3. Was ist jQuery?
    • JavaScript Framework
    • einfache DOM / HTML manipulation
    • Animationen
    • Event handling
    • AJAX
  • 4. Wer ist jQuery?
    • John Resig
    • Barcamp New York
    • derzeit > 20 developers
  • 5. Wie arbeitet jQuery?
    • Find this, do something!
    • $('#message1').show('medium');
    • $('#message1').addClass('alert');
  • 6. $
    • $(CSS Selector)
    • $(Attribute matching)
    • $(XPath)
  • 7. $
    • CSS:
        • $('p');
        • $('p.message');
        • $('#message .text');
        • $('ul#menu > li');
        • $('ul#menu ul');
  • 8. $
    • Attribute Matching:
      • $('img[@alt]');
      • $('a[@href*=google]');
    • Many more: XPath, :eq(n), :gt(n), etc...
  • 9. Learning by doing!
    • http://jquery.jowe.biz
  • 10. $
    • $('#message2') .fadeIn('slow') .addClass('alert');
  • 11. Learning by doing!
    • http://jquery.jowe.biz
  • 12. DOM ready?
    • $(document).ready(function() {
    • // start coding
    • });
  • 13. Was kann jQuery?
    • Animations
      • fadeIn(speed, callback)
      • fadeOut(s, c)
      • hide(s, c)
      • show(s, c)
      • slideDown(s, c)
    slideUp(s, c) toggle(s, c) slideToggle(s, c) fadeTo(s, c) animate(s, c)
  • 14. Was kann jQuery?
    • .children()
    • .children(expression)
    • .parent()
    • .parent(expression)
    • .find(expression)
    • .filter(function)
    • .eq(index)
    • dsad
  • 15. Plugins
    • plugins.jquery.com
    • google.com
  • 16. Documentation
    • docs.jquery.com
    • visualjquery.com
  • 17. Fragen / Anregungen?
  • 18.  

×