Jquery Tutorial





Español Français 中文 Deutsch Portuguese Japanese nederlands
   
 
Jquery Tutorial
Introduction
Selecting Elements
Filtering Elements
Effects
Handling Events
Dynamic DOM Changes
Feedback
 




JQuery JavaScript Library

Index of jQuery Tutorial


Selectors

Basic Selectors
All Selectors
Elements Selectors
id Selectors
Class Selectors
Multiple Selectors

Attribute Selectors
Contains
Contains Word
Starts With
Ends With
Equals
Not Equals
Prefix
Has

Form Selectors
Button
Submit
Input
Textbox
Disable
Enabled
Checked
Selected

Hierarchy
Child
Descendent
Next Adjacent
Next Sibling

Filtering Elements

Basic Filters
First
Last
Animate
Equals
Not
Even
Odd
Greaterthan
Lessthan
Header

Child Filters
First Child
Last Child
nth Child
Only Child

Content Filters
Contains
Empty
Has
Parent

Visibility
Visible
Hidden

Effects

Basic
Hide
Show
Toggle

Fading
Fadein
Fadeout
Fade Toggle
Fade To

Slide Effects
Slide up
Slide Down
Slide Toggle

Visibility
Visible
Hidden

Handling Events

Keyboard Events
Focusin
Focusout
Keydown
Keyup
Keypress

Mouse Events
Click
Double Click
Focusin
Focusout
Mouse Hover
Mouse Over
Mouse up
Mouse down
Mouse Enter
Mouse Leave
Mouse Move
Mouse Out
Toggle

Browser Events
Error
Resize
Scroll

Form Events
Form Blur
Change Event
Focus Event
Select Event
Submit Event

Handling Data

Basic
Add Class
Has Class
Remove Class

Copy
Clone

Replace
Replace All
Replace With

Inserting Data Inside
Append
Append To
Prepend
Prepend To
HTML
Text

Inserting Data Around
Wrap
Unwrap
Wrapall
Wrapinner

Inserting Data Outside
After
Before
Insert After
Insert Before

CSS Style
css
Height
Inner Height
Outer Height
Width
Inner Width
Outer Width
Offset
Position
Scroll Top
Scroll Left


Introduction to JQuery

Jquery is a JavaScript Library used to build JavaScript webpages. The advantage of using jQuery is that it makes event handling, animating, Ajax interactions and client-side scripting of HTML simple and easy for fast web development.

In this tutorial, you will find all the commands/attributes used in Jquery along with examples. Click on the links below to know more about the respective function.


A Note

Simple tutorial on Jquery including examples. We welcome your valuable feedbacks or suggestions about this Jquery tutorial. This is a copyright content.


Other Links

web hosting