jQuery Examples

The following jQuery section contains a wide collection of JQuery examples. The examples are categorized based on the topics including Selectors, Event methods, Plugins, and many more. Each program example contains multiple approaches to solve the problem.

jQuery Examples

JQuery Tutorial
Recent articles on jQuery

Topics

Selectors Questions

  1. How to get a DOM Element from a jQuery Selector ?
  2. Not class selector in jQuery
  3. How to use JavaScript variables in jQuery selectors ?
  4. How to validate input field while focusout?
  5. How to store data in the DOM?
  6. How to find all checkbox inputs using jQuery?
  7. How to find all input elements that are enabled using jQuery?
  8. How to loop through input elements in jQuery?
  9. How to remove all paragraphs from the DOM using jQuery?
  10. How to get the width and height of an element in jQuery?
  11. How to use jQuery to Search and Replace HTML elements?
  12. How to detect and change the content/style of a div using jQuery?
  13. How to select all on focus in input using JQuery?
  14. How to check a selector matches some content using jQuery?
  15. How to change the color of any div that is animated using jQuery?
  16. How to find all inputs that are descendants of a form and mark them with a dotted red border in jQuery?
  17. How to find all links with an hreflang attribute using jQuery?
  18. How to select direct parent element of an element in jQuery?
  19. How to find all button inputs and mark them using jQuery?
  20. How to find inputs with an attribute name starting with specific letter or text using jQuery?

Event Method based Questions

  1. How to check whether the event namespace is used in jQuery?
  2. How to set different color for each letter in a text field using jQuery?
  3. How to change an element color based on value of the color picker value on click?
  4. Trigger a keypress/keydown/keyup event in JS/jQuery

HTML/CSS Method based Questions

  1. How to reset/remove CSS styles for element?
  2. Most efficient way to create HTML elements using jQuery
  3. How to find all inputs that are descendants of a form and mark them with a dotted red border in jQuery ?
  4. Get the numeric part of CSS property using jQuery
  5. How to find all checkbox inputs using jQuery ?
  6. How to find all input elements that are enabled using jQuery?
  7. How to smoothly transition CSS background images using jQuery?
  8. How to create HTML elements using jQuery in an efficient way?
  9. How to set CSS style to half of a character?
  10. How to get the input file size in jQuery?
  11. How to hide div element after few seconds in jQuery?
  12. How to find the parent class name with known class in jQuery?
  13. How to get the numeric part of CSS property using jQuery?

AJAX Questions

  1. How to demonstrate the use of Ajax loading data in DataTables ?
  2. How to pass multiple JSON Objects as data using jQuery’s $.ajax() ?
  3. How to get request using AJAX by making Custom HTTP library?
  4. How to use simple API using AJAX ?
  5. How to do asynchronous file transfer in AJAX?

Plugins Based Questions

  1. How to check if a jQuery plugin is loaded?
  2. How to integrate jQuery Pagination Plugin?
  3. How to create a news ticker using jQuery?
  4. How to use API inside callbacks using jQuery DataTables plugin?
  5. How to handle events using jQuery DataTables plugin?
  6. How to load data from JavaScript array using jQuery DataTables plugin?
  7. How to initialize multiple tables using jQuery DataTables plugin?
  8. How to implement column specific search filter using DataTables plugin?
  9. How to make your own countUp.js plugin using JavaScript?
  10. How to handle DataTable specific events using jQuery DataTable plugin?
  11. How to handle nested data objects using jQuery DataTables plugin?
  12. How to design calendar for web page using jQuery EasyUI?
  13. How to design buttons for mobiles using jQuery EasyUI Mobile?
  14. How to make table searchable and sortable with pagination using jQuery?
  15. How to design desktop functionality using jQuery-lwd plugin?
  16. How to design window manager using jQuery Simone Plugin?
  17. How to use a jQuery Mobile autoComplete plugin?
  18. How to perform form validation using the jbvalidator Plugin?
  19. How to design editable listview using jQuery Mobile plugin?
  20. How to design filter widget for mobiles using jQuery plugin?
  21. How to make use of multi-mode jtsage-datebox plugin?
  22. How to design lazy loading of images/videos for mobiles using jQuery Plugin?

Miscellaneous Questions

  1. How to design form controls for mobiles using jQuery Mobile BootstrapTheme plugin?
  2. How to design form controls for mobiles using jQuery Mobile Square-UI Theme plugin?
  3. How to design side navigation for mobile using Sidetap plugin?
  4. How to design tabview for mobiles using the tabview jQuery plugin?
  5. How to display child row information using jQuery DataTables plugin?
  6. How to create a Zebra Stripes table effect using jQuery?
  7. How to design a Navigation Bar with Animated Search Box?
  8. How to select values from a JSON object using jQuery?
  9. How to find the class of clicked element using jQuery?
  10. How to limit character input in textarea including count in jQuery?
  11. How to set smooth scrolling to stop at a specific position from the top using jQuery?
  12. How to make first word bold of all elements using jQuery?
  13. How to load JSON data in DataTables from text file for pagination?
  14. How to click a button to animate the paragraph element using jQuery?



  • Last Updated : 27 Sep, 2023

Share your thoughts in the comments
Similar Reads