https://github.com/arundada9000/jquery
Practical jQuery examples covering DOM manipulation, AJAX, event delegation, traversing, form serialization, plugins, deferred promises, and more.
https://github.com/arundada9000/jquery
ajax arundada9000 arunneupane dom-manipulation frontend jquery jquery-ajax
Last synced: about 8 hours ago
JSON representation
Practical jQuery examples covering DOM manipulation, AJAX, event delegation, traversing, form serialization, plugins, deferred promises, and more.
- Host: GitHub
- URL: https://github.com/arundada9000/jquery
- Owner: arundada9000
- License: mit
- Created: 2026-06-23T17:38:15.000Z (8 days ago)
- Default Branch: main
- Last Pushed: 2026-06-23T17:48:09.000Z (8 days ago)
- Last Synced: 2026-06-23T19:27:21.914Z (8 days ago)
- Topics: ajax, arundada9000, arunneupane, dom-manipulation, frontend, jquery, jquery-ajax
- Language: HTML
- Homepage: https://arun.sajilodigital.com.np
- Size: 38.1 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# jQuery Learning Journey
A collection of self-contained HTML examples demonstrating core jQuery concepts. Each file focuses on one concept, organized under `src/`.
## Topics Covered
### Basics
- **src/index.html** - jQuery setup, document ready, basic selectors, click/mouse events, effects, DOM manipulation, css() methods
### Selectors
- **src/09-selectors/index.html** - All selector types: basic, class, attribute, content filters, form selectors, :even/:odd, :gt(), :not(), :contains(), :has()
### DOM Traversing
- **src/01-dom-traversing/index.html** - Traversing: .closest(), .parent(), .children(), .find(), .siblings(), .prev(), .next(), .eq(), .first(), .last(), .filter(), .not()
### DOM Manipulation
- **src/10-dom-manipulation/index.html** - append(), prepend(), before(), after(), remove(), empty(), clone(), wrap(), unwrap(), replaceWith(), detach()
### Event Delegation
- **src/02-event-delegation/index.html** - Event delegation with .on() for dynamic elements, .one(), .off(), namespaced events, .trigger()
### Advanced Events
- **src/11-events-advanced/index.html** - .on() with multiple events, .off(), .one(), .trigger(), custom events, namespaces, event object properties, propagation
### Effects & Animation
- **src/12-effects-advanced/index.html** - .animate() with custom CSS, queue management, .delay(), .stop(), .finish(), .promise(), fade effects, slide effects
### AJAX
- **src/03-ajax/index.html** - Making HTTP requests with .ajax(): full options, beforeSend, success/error/complete, statusCode handlers, POST, global AJAX events
### AJAX Shorthand
- **src/13-ajax-shorthand/index.html** - $.get(), $.post(), $.getJSON(), $.getScript(), .load(), $.ajaxSetup(), global ajaxStart/ajaxStop
### Form Serialization
- **src/04-form-serialize/index.html** - .serialize(), .serializeArray(), $.param(), form input types (radio, checkbox, select, textarea)
### Attributes & Data
- **src/05-attributes-data/index.html** - .attr(), .prop(), .data(), .removeAttr(), .removeData(), attr vs prop, data parsing (numbers, booleans)
### CSS & Dimensions
- **src/14-css-dimensions/index.html** - .css() getter/setter, .addClass(), .removeClass(), .toggleClass(), .hasClass(), .width(), .height(), .innerWidth(), .outerWidth(), .offset(), .position(), .scrollTop()
### Iteration & Chaining
- **src/06-each-chaining/index.html** - .each() loop, $.each() arrays/objects, method chaining, .end(), .addBack(), .map().get() pattern
### Deferred / Promises
- **src/07-jquery-deferred/index.html** - $.Deferred(), .done(), .fail(), .always(), .then(), $.when() for multiple promises, .progress(), .notify(), state inspection
### jQuery Object
- **src/16-jquery-object/index.html** - jQuery object internals: .length, .get(), .index(), .eq(), .first(), .last(), .slice(), .is(), .has(), .add(), .not(), .filter(), .toArray(), .map().get()
### jQuery Utilities
- **src/15-utilities/index.html** - $.each(), $.map(), $.grep(), $.inArray(), $.extend(), $.type(), $.isArray(), $.isFunction(), $.isNumeric(), $.trim(), $.merge(), $.makeArray(), $.proxy()
### Plugin Creation
- **src/08-plugin-example/index.html** - Extending jQuery with custom plugins via $.fn, chainable plugins, defaults/options via $.extend(), multiple plugin methods
## Author
- **Arun Neupane**
- Portfolio: https://arunneupane.netlify.app
- LinkedIn: https://linkedin.com/in/arundada9000
- YouTube: https://youtube.com/@arundada9000