Introduction To
Jquery
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
JQuery's syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plug-ins on top of the JavaScript library. This enables developers to create abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets. The modular approach to the jQuery library allows the creation of powerful dynamic web pages and Web applications.
This course will expose you to all you need to learn to become advanced and familiar with Jquery library with well written examples and programs that can easily be copied to your environment for better understanding
Course Structure
Basics
Events
- jQuery bind() with Examples
- jQuery blur() with Examples
- jQuery change() with Examples
- jQuery click() with Examples
- jQuery dblclick() with Examples
- jQuery event.pageX property with Examples
- jQuery event.pageY property with examples
- jQuery event.relatedTarget Property with Example
- jQuery event.result Property with Examples
- jQuery event.target Property with Example
- jQuery event.timeStamp property with Example
- jQuery event.type property with Examples
- jQuery event.which property with Examples
- jQuery focus() with Examples
- jQuery focusin() with Examples
- jQuery focusout() with Example
- jQuery hover() with Examples
- jQuery Keydown() with Examples
- jQuery keypress()
- jQuery keyup() with Examples
- jQuery load() with Examples
- jQuery mousedown() with Examples
- jQuery mouseenter() with Examples
- jQuery mouseleave() with Examples
- jQuery mousemove() with Examples
- jQuery mouseout() with Examples
- jQuery mouseover() with Examples
- jQuery mouseup() with Examples
- jQuery on() with Examples
- jQuery one() with Examples
- jQuery resize() with Examples
- jQuery scroll() with Examples
- jQuery select() with Examples
- jQuery undelegate() with Examples
Effects
HTML/CSS
- jQuery addClass() with Examples
- jQuery after() with Examples
- jQuery appendTo() with Examples
- jQuery clone() with Examples
- jQuery css()
- jQuery detach() with Examples
- jQuery empty() with Examples
- jQuery hasClass() with Examples
- jQuery height() and innerHeight() with Examples
- jQuery innerWidth() with Example
- jQuery insertAfter() with Examples
- jQuery insertBefore() with Examples
- jQuery offset() with Examples
- jQuery position() with Examples
- jQuery prepend() with Examples
- jQuery prependTo() with Examples
- jQuery prop() with Examples
- jQuery remove()
- jQuery removeAttr() with Examples
- jQuery removeClass() with Examples
- jQuery removeProp() with Examples
- jQuery replaceAll() with Examples
- jQuery replaceWith() with Examples
- jQuery scrollLeft() with Examples
- jQuery scrollTop() with Examples
- jQuery toggleClass() with Examples
- jQuery unwrap() with Examples
- jQuery val() with Examples
- jQuery width()
- jQuery wrap() with Examples
- jQuery wrapAll() with Examples
- jQuery wrapInner() with Examples
Properties
Traversing
- jQuery add() method with Example
- jQuery children() with Examples
- jQuery closest() with Examples
- jQuery contents() with Examples
- jQuery eq() with Examples
- jQuery filter() with Examples
- jQuery find() with Examples
- jQuery first() with Examples
- jQuery has() with Examples
- jQuery last() with Examples
- jQuery next() & nextAll() with Examples
- jQuery nextUntil() with Examples
- jQuery not() method with Examples
- jQuery offsetParent() with Example
- jQuery parent() & parents() with Examples
- jQuery parentsUntil() with Example
- jQuery prev() & prevAll() with Examples
- jQuery prevUntil() with Examples
- jQuery siblings() with Examples
- jQuery slice() with Examples
Selectors
- jQuery animated Selector with Example
- jQuery :nth-of-type() Selector
- jQuery :empty Selector
- jQuery multiple elements Selector
- jQuery :checkbox Selector
- jQuery :has() Selector with example
- jQuery :lang() Selector
- jQuery :contains() Selector
- jQuery :lt() Selector
- jQuery [attribute^=value] Selector
- jQuery :radio Selector
- jQuery :not() Selector
- jQuery :reset Selector
- jQuery [attribute!=value] Selector
- jQuery #id Selector