jQuery Tutorials

jQuery is a widely used JavaScript library that simplifies web development by providing a streamlined and efficient way to interact with HTML documents, handle events, create animations, and make AJAX calls. It was created by John Resig in 2006 and has since gained immense popularity and adoption among web developers.

One of the primary reasons for jQuery's popularity is its ability to abstract and simplify complex JavaScript tasks into a concise and easy-to-use syntax. It allows developers to perform common tasks, such as traversing and manipulating the HTML DOM (Document Object Model), with fewer lines of code compared to traditional JavaScript.

jQuery also offers a comprehensive set of functions and methods that enable developers to handle events, such as mouse clicks or keyboard interactions, with simplicity and efficiency. These event handling capabilities make it easy to create interactive and dynamic web pages that respond to user actions.

In addition, jQuery provides extensive support for animations, allowing developers to create smooth transitions, fades, slides, and other visually appealing effects on web elements. With just a few lines of code, complex animations can be achieved, enhancing the user experience and adding a touch of interactivity to web applications.

Learn jQuery

Another powerful feature of jQuery is its AJAX (Asynchronous JavaScript and XML) support. AJAX enables web applications to exchange data with a server in the background, without requiring a page reload. jQuery simplifies the process of making AJAX requests, handling responses, and updating the page content dynamically, enabling developers to build responsive and efficient web applications.

Furthermore, jQuery offers cross-browser compatibility, meaning that developers can write code that works consistently across different web browsers, eliminating the need for browser-specific code.

Over the years, jQuery has evolved and introduced new features and improvements. It has a large and active community that contributes plugins and extensions, expanding its functionality and making it even more versatile.


  jQuery Introduction
  1. What is jQuery?
  2. How jQuery Works
  3. jQuery Fundamentals
  1. What is $(document).ready() method in jQuery
  2. jQuery method chaining
  3. jQuery Hello world example

  Introduction to jQuery Basics
  1. jQuery Selectors
  2. jQuery Attributes
  3. How to Add or Remove class in jQuery
  1. jQuery toggleClass() Method
  2. jQuery Dimensions

  jQuery Events
  1. jQuery Events Handling
  2. Mouse Events in jQuery
  3. jQuery Keyboard Events
  1. jQuery Form Events
  2. How to reload/refresh a page using JavaScript/jQuery

  jQuery Effect Methods
  1. Show and Hide Effect in jQuery
  2. Fade effect in jquery
  3. Sliding Effect in jquery
  1. jQuery Effect animate() Method
  2. jQuery queue(), dequeue() and clearQueue()
  3. jQuery Stop() finish()
  4. jQuery Callback Function
  5. jQuery Shake Effect

  jQuery DOM Manipulation
  1. jQuery DOM Traversing
  2. jQuery text() Method
  3. jQuery HTML Method
  1. jQuery val() Method
  2. jQuery attr() Method
  3. jQuery Get and Set CSS Properties
  4. jquery append() and prepend() methods
  5. jQuery before() and after() methods
  6. jQuery :prepend(), append(), before() , after()
  7. jQuery remove() and empty() methods

  jQuery UI
  1. jQuery UI Datepicker
  2. jQuery UI autocomplete
  3. Jquery UI Tabs
  1. Jquery UI Slider
  2. Jquery UI Dialog
  3. Jquery UI Draggable
  4. jQuery UI Accordion Plugin
  5. jQuery UI sortable
  6. Jquery UI Tooltip
  7. Jquery UI Menu

  jQuery Examples
  1. How to get input textbox value using jQuery
  2. JQuery Get Selected Dropdown Value on Change Event
  3. How to submit a form using ajax in jQuery
  1. How can I get the ID of an element using jQuery
  2. Open Bootstrap modal window on Button Click Using jQuery
  3. How to select an element with its name attribute | jQuery
  4. How to get the data-id attribute using jQuery
  5. How to disable/enable submit button after clicked | jQuery
  6. How to replace innerHTML of a div using jQuery
  7. How to get the value of a CheckBox with jQuery
  8. How to wait 'X' seconds with jQuery?
  9. How to check if an enter key is pressed with jQuery
  10. How to allow numbers only in a Text Box using jQuery
  11. How to dynamically create a div in jQuery?

  jQuery Interview Questions
  1. jQuery Interview Questions (Part-2)
  2. jQuery Interview Questions (Part-3)
  3. Is jQuery a programming language?
  1. Why do we need to go for JQuery?
  2. How to check jQuery version?
  3. How to multiple version of jQuery?
  4. What is jQuery CDN?
  5. Advantages of minified version of JQuery
  6. How do I check if the DOM is ready?
  7. How to Use the jQuery load() Method
  8. Difference between document.ready() and body onload()?
  9. Is jQuery is a replacement of JavaScript?
  10. JQuery or JavaScript which is quicker in execution?
  11. What is the use of param() method in jquery
  12. How to work with jQuery parent(), children() and siblings()?
  13. Difference between parent() and parents() in jQuery?
  14. What does jQuery data() function do?
  15. How do you check if an element exists or not in jQuery?
  16. How do I check if an HTML element is empty using jQuery?
  17. How to run an event handler only once in jQuery?
  18. How to Disable or Enable a Form Element Using jQuery
  19. Hide and show image on button click using jQuery
  20. Difference Between Prop and Attr in jQuery
  21. How do I check if an element is hidden in jQuery?
  22. Difference between return false; and e.preventDefault()
  23. What is each() function in jQuery? How do you use it?
  24. Which one is more efficient, document.getElementbyId( "myId") or $("#myId)?
  25. What is the difference between $.map and $.grep in jQuery
  26. What is the use of serialize method in jQuery
  27. What is the use of clone method in jQuery?
  28. What is event.PreventDefault in jQuery?
  29. Difference between event.PreventDefault and event.stopPropagation?
  30. What are deferred and promise object in jQuery?
  31. What are source maps in jQuery?
  32. What does the jQuery migrate function do?
  33. Differences Between jQuery .bind() and .live()?
  34. How can you delay document.ready until a variable is set?
  35. How to disable cut,copy and paste in TextBox using jQuery?
  36. How to prevent Right Click option using jquery?
  37. How does the jQuery pushStack function work?
  38. Why use jQuery filter() Methods?
  39. Difference between find() and closest() in jquery?
  40. How To Use Ajax In Jquery?
  41. How to multiple AJAX requests be run simultaneously in jQuery?
  42. Can we call C# code behind using jQuery?
  43. How to include jQuery in ASP.Net project?
  44. Need to add jQuery file in both Master and Content page?
  45. Uncaught TypeError: $(…).modal is not a function jquery
  46. How to check whether a checkbox is checked in jQuery?
  47. Uncaught ReferenceError: $ is not defined
  48. How to Convert JSON Date to JavaScript/jQuery date