Learning Center - jquery
https://codingchoice.com/learn/
2026-05-03T10:42:28+00:00Learning Center
https://codingchoice.com/learn/
https://codingchoice.com/learn/_media/logo.pngtext/html2025-02-11T02:57:39+00:00Anonymous (anonymous@undisclosed.example.com)advanced_techniques
https://codingchoice.com/learn/jquery/advanced_techniques?rev=1739242659&do=diff
Advanced jQuery Techniques
Chaining Methods
$("#box").css("color", "red").slideUp(1000).slideDown(1000);
Deferred Objects and Promises
$.when($.ajax("https://api.example.com/data"), $.ajax("https://api.example.com/info"))
.done(function(response1, response2) {
console.log("Both requests completed successfully");
})
.fail(function() {
console.log("An error occurred");
});text/html2025-02-11T02:48:58+00:00Anonymous (anonymous@undisclosed.example.com)ajax_with_jquery
https://codingchoice.com/learn/jquery/ajax_with_jquery?rev=1739242138&do=diff
AJAX with jQuery
Fetching Data
$.get("https://api.example.com/data", function(response) {
console.log(response);
});
Sending Data
$.post("https://api.example.com/save", { name: "John" }, function(response) {
console.log(response);
});text/html2025-02-11T02:46:09+00:00Anonymous (anonymous@undisclosed.example.com)animations_and_effects
https://codingchoice.com/learn/jquery/animations_and_effects?rev=1739241969&do=diff
Animations and Effects
Show and Hide
$("#panel").hide();
$("#panel").show();
Fade Effects
$("#box").fadeOut();
$("#box").fadeIn();
$("#box").fadeToggle();
Slide Effects
$("#menu").slideUp();
$("#menu").slideDown();
$("#menu").slideToggle();text/html2025-02-11T02:41:23+00:00Anonymous (anonymous@undisclosed.example.com)event_handling
https://codingchoice.com/learn/jquery/event_handling?rev=1739241683&do=diff
Event Handling
jQuery simplifies event handling for various user interactions.
Click Event
$("#btn").click(function() {
alert("Button Clicked!");
});
Mouse Events
$("#box").mouseenter(function() {
$(this).css("background-color", "lightblue");
});
$("#box").mouseleave(function() {
$(this).css("background-color", "white");
});text/html2025-02-11T02:33:39+00:00Anonymous (anonymous@undisclosed.example.com)introduction
https://codingchoice.com/learn/jquery/introduction?rev=1739241219&do=diff
Introduction to jQuery
jQuery is a fast, small, and feature-rich JavaScript library that simplifies HTML document traversal, event handling, animation, and AJAX interactions. It provides an easy-to-use API that works across multiple browsers.
Why Use jQuery?text/html2025-02-11T02:50:50+00:00Anonymous (anonymous@undisclosed.example.com)jquery_plugins
https://codingchoice.com/learn/jquery/jquery_plugins?rev=1739242250&do=diff
jQuery Plugins
jQuery UI Example
$("#datepicker").datepicker();
Slick Carousel Example
$(".slider").slick({
autoplay: true,
dots: true
});text/html2025-02-11T02:43:48+00:00Anonymous (anonymous@undisclosed.example.com)manipulating_dom
https://codingchoice.com/learn/jquery/manipulating_dom?rev=1739241828&do=diff
Manipulating the DOM
Changing HTML Content
$("#demo").html("Hello, jQuery!");
Changing Attributes
$("#myLink").attr("href", "https://example.com");
Adding and Removing Classes
$("#box").addClass("highlight");
$("#box").removeClass("highlight");text/html2025-02-11T02:38:51+00:00Anonymous (anonymous@undisclosed.example.com)selecting_elements
https://codingchoice.com/learn/jquery/selecting_elements?rev=1739241531&do=diff
Selecting Elements
Using jQuery, you can select elements with ease using CSS selectors.
Basic Selectors
$("p").css("color", "blue"); // Selects all <p> elements and makes text blue
$("#myId").css("background-color", "yellow"); // Selects elements with ID 'myId'
$(".myClass").css("font-size", "20px"); // Selects elements with class 'myClass'text/html2025-02-11T02:35:41+00:00Anonymous (anonymous@undisclosed.example.com)setting_up
https://codingchoice.com/learn/jquery/setting_up?rev=1739241341&do=diff
Setting Up jQuery
Including jQuery via CDN
Using a Content Delivery Network (CDN) ensures fast loading speeds and better caching.
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
Local Installation
To use jQuery offline, download it from jQuery's official website and include it in your project:text/html2025-02-11T02:58:15+00:00Anonymous (anonymous@undisclosed.example.com)sidebar
https://codingchoice.com/learn/jquery/sidebar?rev=1739242695&do=diff
* Introduction
* Setting Up jQuery
* Selecting Elements
* Event Handling
* Manipulating the DOM
* Animations and Effects
* AJAX with jQuery
* jQuery Plugins
* Advanced jQuery Techniques