Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

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.

Notifications You must be signed in to change notification settings

EduKeyPath/JQueryPractice

Open more actions menu

Repository files navigation

jQuery Practice Repository

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.

Folder Overview

This repository includes examples and code covering:

jQuery Basics

  • Document ready ($(document).ready)
  • Selecting elements using ID, class, tag, and attribute selectors
  • Chaining and method combinations

DOM Manipulation

  • Changing HTML content (.html(), .text())
  • Updating form values (.val())
  • Modifying attributes and CSS (.attr(), .css())

Traversing Elements

  • Parent, child, siblings
  • .find(), .children(), .parent(), .siblings(), .closest()

Event Handling

  • Handling events like click, hover, submit, keyup, etc.
  • Event binding using .on(), .off(), and shorthand methods

Effects and Animations

  • Showing/Hiding elements (.show(), .hide(), .toggle())
  • Fading and sliding (.fadeIn(), .fadeOut(), .slideUp(), .slideDown())
  • Custom animations using .animate()

Form Validation (Basic)

  • Validating empty fields, email formats, passwords using jQuery
  • Showing dynamic error messages

Small Projects and Snippets

  • Toggle menus
  • Tabs and accordions
  • Simple form validators
  • Dynamic element creation and deletion

Purpose

This repository helps me:

  • Practice and reinforce jQuery fundamentals
  • Build confidence in handling the DOM
  • Prepare for dynamic front-end development

Getting Started

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.

Contributions

This is a personal learning repository. Feedback and improvement suggestions are always welcome!


Thanks for checking it out!

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.