Home » jQuery

jQuery Examples

This section contains solved examples demonstrating the various jQuery features and effects in real action. jQuery examples for beginners and professionals with examples of jQuery effects, selectors, traversing, events, manipulation, animation, html and more.

List of jQuery Examples

1. How can I know which radio button is selected via jQuery?
2. How do I check whether a checkbox is checked in jQuery?
3. Disable/enable an input with jQuery?
4. Get selected text from a drop-down list (select box) using jQuery
5. Difference between prop() and attr() in jQuery
6. How to get the children of the $(this) selector?
7. How can I get the ID of an element using jQuery?
8. Get the size of the screen, current web page and browser window
9. jQuery: Get specific option tag text
10. How can I select an element by name with jQuery?
11. What is the best way to add options to a select from a JavaScript object with jQuery?
12. How to change the href attribute for a hyperlink using jQuery?
13. jQuery document.createElement equivalent?
14. How to move an element into another element?
15. Play/pause HTML 5 video using jQuery
16. jQuery append(), prepend(), after() and before() Methods
17. Checking if jQuery is loaded using JavaScript
18. jQuery Disable Form Submit on Enter
19. How to exclude $(this) from a jQuery selector?
20. Find all unchecked checkboxes in jQuery
21. How to generate a simple popup using jQuery?
22. Get the second child using jQuery
23. How to get a table cell value using jQuery?
24. HTML5 textarea placeholder not appearing
25. Iterate through <select> options using jQuery
26. jQuery .live() vs .on() method for adding a click event after loading dynamic html
27. jQuery | Scroll to bottom of the page
28. jQuery | Which selector do I need to select an option by its text?
29. Selecting multiple classes with jQuery
30. jQuery on window resize
31. How can I find elements by text content with jQuery?
32. jQuery: Change class name
33. How to change value of object which is inside an array using JavaScript or jQuery?
34. Detecting Input Change in jQuery
35. How can I determine the direction of a jQuery scroll event?
36. Get jQuery version from inspecting the jQuery object
37. Is it possible to use jQuery .on and hover?
38. How to set value of input text using jQuery?
39. How do I check if an html element is empty using jQuery?
40. jQuery count child elements
41. How to position one element relative to another with jQuery?
42. jQuery - Create hidden form element on the fly
43. How to select all on focus in input using jQuery?
44. jQuery bind() vs on() Methods
45. jQuery - What are differences between $(document).ready and $(window).load?
46. Resetting a multi-stage form with jQuery
47. How to use slideDown (or show) function?
48. Scroll to an element with jQuery
49. How do I check if an element is hidden using jQuery?
50. Getting the id of the element that fired an event using jQuery
51. Get the value in an input text box using jQuery
52. How can I trigger the same function from multiple events with jQuery?
53. How to replace innerHTML of a div using jQuery?
54. Best way to remove an event handler in jQuery
55. jQuery - Set select option 'selected', by value
56. How to add table row in a table using jQuery?
57. How do you remove all the options of a select box and then add one option and select it with jQuery?
58. Selecting element by data attribute with jQuery
59. Hide a div when the user clicks outside of it using jQuery
60. jQuery - Get value of select onChange
61. How to check a radio button with jQuery?
62. Change the selected value of a drop-down list with jQuery
63. How to remove a style added with .css() function using jQuery?
64. How to remove all CSS classes using jQuery?
65. Changing the image source using jQuery
66. How to break out of jQuery each loop?
67. How can I detect pressing Enter on the keyboard using jQuery?
68. How to Center a <div> on the Screen Using jQuery?
69. How to remove close button on the jQuery UI dialog?
70. How to delay the keyup() handler until the user stops typing using jQuery?
71. jQuery - Checkbox checked state changed event
72. jQuery - hasAttr checking to see if there is an attribute on an element
73. How to loop through elements with the same class using jQuery?
74. Get class list for element with jQuery
75. Preloading images with jQuery
76. How to find if an array contains a specific string in jQuery?
77. Select <a> which href ends with some string using jQuery
78. How to remove multiple CSS classes using jQuery?
79. How to get selected element tag name using jQuery?
80. document.getElementById() Vs. jQuery $()
81. Check if object is a jQuery object
82. How to detect escape key press with jQuery?
83. Can I make a <button> not submit a form using jQuery?
84. Check whether a radio button is checked with jQuery?
85. Get checkbox value in jQuery