jQuery

Slides

jQuery Tutorial

Links

Documentation

Part I

1. Library Including
2. Versions
3. Selectors

• Basic: id, class, etc.
• Ierarchy: +, ~, >, etc.

4. Filters

• Basic: :first, :last, :even, :odd, etc.
• Content: :contains, :empty, etc.
• Visibility
• Children
• Forms: :input, :text, :radio, :checkbox, :enables, :checked, etc.

5. Attributes

• In case as getter/setter:
  • .attr()
  • .class()
  • .html()
  • .text()
  • .val()
  • etc.

6. Traversing

• Search: .closest(), .find(), .next(), etc.
• Filtering: .eq(), filter(), etc.

7. Arrays:

• .each()
• .map()

8. DOM manipulations

• Insert
  • Inside: .append(), .prepend()
  • Outside: .after(), .before()

Tasks

1. Tabs
   
2. Calc

Part II

8. DOM manipulations

• Wraping: .wrap(), etc.
• Replacing: .replaceWith(), etc.
• Removing: .empty(), .remove()
• Clone

9. Styles

• .css() as getter/setter
• Position: .offset(), .position()
• .width() and .height() as getter/setter

10. Events

• Loading: .ready()
• Operations: .trigger(), .bind()
• .on()
  • Mouse events: click, focus, hover, etc.
  • Keyboard events: keyup, keydown, etc.

11. Effects

• Basic: .show(), .hide()
• Slide
• Fade
• Custom effects

12. Operations

• Arrays and Objects: jQuery.each(), jQuery.unique(), etc.
• Stings: jQuery.trim(), etc.
• Check: jQuery.isFunction()

13. this VS $(this)

Tasks

1. Calendar
   
2. Graph

---

### Final Task [Playground](https://github.com/daryasabinina/jQuery-course-/tree/master/playground)