21 Aug jQuery Tutorial
jQuery is a JavaScript library that came in the year 2006. It was created by John Resig to ease JavaScript Programming. After learning the concepts of jQuery, it will be easier for a developer to work with JavaScript. It is a “write less, do more” JavaScript library.
jQuery Tutorial (English)
Refer to our complete jQuery Video Course in the English language:
jQuery Tutorial (Hindi)
Refer to our complete jQuery Video Course in the Hindi language:
jQuery – Features
The following are the features of jQuery,
- Selectors
Use the jQuery selectors to select an HTML element and manipulate it. - Animation
Animate a div or any other element with jQuery. - CSS Manipulation
Manipulate an element and apply CSS style to it with jQuery. - jQuery Ajax
JQuery has a rich set of AJAX methods for developing modern web applications. - Event Methods
Call event methods event objects with jQuery. - jQuery Traversing
jQuery provides DOM traversal methods to locate descendent elements, find sibling elements, etc. - Plugins
jQuery has many plugins such as for creating split pages, slideshow, progress bar, etc With that, you can also create your custom plugin.
Run jQuery Online
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <link rel="stylesheet" href="styles.css" /> </head> <body> <h2 id="redElement">Click to color me in 'Red'</h2> <h2 id="blueElement">Click to color me in 'Blue'</h2> <h2 id="greenElement">Click to color me in 'Green'</h2> <!-- jQuery code--> <script src="script.js"></script> <!-- jQuery code--> </body> </html> |
Viewers
The jQuery tutorial is prepared for students, engineers, and professionals. Beginning with the introduction, you will learn how to work with jQuery. With that, step-by-step lessons are provided covering basic as well as advanced jQuery concepts, including the jQuery Selectors, Events, Traversing, Ajax, etc.
jQuery Tutorial – Index
✔️ jQuery – Events
✔️ jQuery – Effects
✔️ jQuery – Traversing
✔️ jQuery – HTML DOM
✔️ jQuery – CSS Manipulation
✔️ jQuery – Resources
If you liked the tutorial, spread the word and share the link and our website Studyopedia with others.
For Videos, Join Our YouTube Channel: Join Now
No Comments