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
86. What's the easiest way to call a function every 5 seconds in jQuery?
87. How do I attach events to dynamic HTML elements with jQuery?
88. How to distinguish between left and right mouse click with jQuery?
89. How to make the first option of <select> selected with jQuery?
90. How to use radio on change event using jQuery?
91. Using jQuery to test if an input has focus
92. jQuery Set Checkbox Checked
93. How to change the text of a button in jQuery?
94. jQuery click() vs. onclick
95. Smooth scrolling when clicking an anchor link using jQuery
96. Set Value of TextArea in jQuery
97. How to add list items to an existing unordered list (ul) using jQuery?
98. What's the difference between '$(this)' and 'this' in jQuery?
99. jQuery to replace broken images
100. jQuery - Difference between .on('click') vs .click()
101. Which keycode for escape key with jQuery
102. Clearing <input type='file' /> using jQuery
103. Click event doesn't work on dynamically generated elements
104. How to define multiple CSS attributes in jQuery?
105. Detect if an element is visible with jQuery
106. Submit a form using jQuery
107. How to uncheck a radio button using JavaScript and jQuery?
108. How to count number of rows in a table using jQuery?
109. jQuery Data vs Attr
110. Check if inputs are empty using jQuery
111. How to check what version of jQuery is loaded?
112. jQuery - Setting the selected value of a select control via its text description
113. How can I get form data with JavaScript/jQuery?
114. How to disable scrolling temporarily using jQuery?
115. How to get textarea text using jQuery?
116. jQuery Same Click Event For Multiple Elements
117. How do you check if a selector matches something in jQuery?
118. Interesting jQuery Tips and Tricks
119. Convert UTC date time to local date time using jQuery
120. How to get selected value of a dropdown's item using jQuery?
121. How to detect DIV's dimension changed using jQuery?