Welcome to my jQuery Practice repository!
This folder contains my hands-on practice of core jQuery concepts — ideal for beginners learning DOM manipulation and event handling.
This repository includes examples and code covering:
- Document ready (
$(document).ready
) - Selecting elements using ID, class, tag, and attribute selectors
- Chaining and method combinations
- Changing HTML content (
.html()
,.text()
) - Updating form values (
.val()
) - Modifying attributes and CSS (
.attr()
,.css()
)
- Parent, child, siblings
.find()
,.children()
,.parent()
,.siblings()
,.closest()
- Handling events like
click
,hover
,submit
,keyup
, etc. - Event binding using
.on()
,.off()
, and shorthand methods
- Showing/Hiding elements (
.show()
,.hide()
,.toggle()
) - Fading and sliding (
.fadeIn()
,.fadeOut()
,.slideUp()
,.slideDown()
) - Custom animations using
.animate()
- Validating empty fields, email formats, passwords using jQuery
- Showing dynamic error messages
- Toggle menus
- Tabs and accordions
- Simple form validators
- Dynamic element creation and deletion
This repository helps me:
- Practice and reinforce jQuery fundamentals
- Build confidence in handling the DOM
- Prepare for dynamic front-end development
Just open the HTML files in a browser or run through a local server. No build tools or setup required — jQuery is loaded via CDN.
This is a personal learning repository. Feedback and improvement suggestions are always welcome!
Thanks for checking it out!