Category: Basic jQuery

AJAX is an acronym standing for Asynchronous JavaScript and XML and this technology helps us to load data from the server without a browser page refresh. If you are new with AJAX, I would recommend you go through our Ajax Tutorial before proceeding further. JQuery is a great tool which provides a rich set of AJAX methods…

jQuery is being heavily used in manipulating various attributes associated with HTML elements. Every HTML element can have various standard and custom attributes (i.e. properties) which are used to define the characteristics of that HTML element. jQuery gives us the means to easily manipulate (Get and Set) an element’s attributes. First let’s try to understand…

jQuery Selectors jQuery selectors allow you to select and manipulate HTML element(s). jQuery selectors are used to “find” (or select) HTML elements based on their name, id, classes, types, attributes, values of attributes and much more. It’s based on the existing CSS Selectors, and in addition, it has some own custom selectors. All selectors in jQuery…

jQuery Syntax The jQuery syntax is tailor-made for selecting HTML elements and performing some action on the element(s). Basic syntax is: $(selector).action() Examples: $(this).hide() – hides the current element. $(“p”).hide() – hides all <p> elements. $(“.test”).hide() – hides all elements with class=”test”. $(“#test”).hide() – hides the element with id=”test”. Are you familiar with CSS selectors? jQuery uses CSS syntax to select elements. You will…

Adding jQuery to Your Web Pages There are several ways to start using jQuery on your web site. You can: Downloading jQuery There are two versions of jQuery available for downloading: Both versions can be downloaded from jQuery.com. Tip: Place the downloaded file in the same directory as the pages where you wish to use it. jQuery…

What You Should Already Know Before you start studying jQuery, you should have a basic knowledge of: If you want to study these subjects first, find the tutorials on our Home page. What is jQuery? jQuery is a lightweight, “write less, do more”, JavaScript library. The purpose of jQuery is to make it much easier to…

Examples in Each Chapter Our “Try it Yourself” editor makes it easy to learn jQuery. You can edit code and view the result in your browser: Example Click on the “Try it Yourself” button to see how it works. jQuery Exercises Test Yourself With Exercises Exercise: