AJAX capabilities of JQuery

In previous article, we discussed about Implementing Effects & DOM manipulation functions. In this article, we will cover AJAX capabilities of JQuery. We can load data from the server without page refresh using AJAX functions. The major functions under this category are: $.get(), $.post() and $.ajax(). $.get() loads data from the server using HTTP GET request. Its…


Implementing Effects & Adding Elements to DOM in JQuery

In previous article, we looked into events of JQuery. We will cover Effects and its implementation. JQuery provides lot of effects to improve the look and feel of the page. It supports fade in, fade out, slide etc. JQuery provide built-in functions to support these effects. Before looking into these methods, we will cover simple…


JQuery Event Propagation

In previous article, we looked into events present in JQuery. In this article, we will cover JQuery event propagation followed by firing events like button click through code. JQuery supports event bubbling. It means, when an event is fired on a child element. It will get propagate to its parents for handling by them as shown below:…


Events in JQuery

In previous article, we looked into traversal methods and chaining. In this article, we will cover events and its types. Earlier, we looked into page load event by using $(document).ready(). There are lot more events available on DOM elements like button, textbox etc.  For example, we might need to execute a piece of code on…


Traversal Methods in JQuery

In previous article, we looked into selectors available for accessing elements in DOM. In this article, we will focus on traversal methods followed by chaining. JQuery provides traversal methods to navigate up, down with ease.  We will look into these methods with an example. Let’s have a look at the below HTML file:   <html>   <head>   …


Selectors in JQuery

In last article, we had looked into JQuery’s history and benefits. In this article, we will look into the selectors available for accessing elements of DOM. Before that, get a copy of JQuery 1.4 minified version from http://jquery.com/ . Now, add downloaded jquery-1.4.2.min.js file to below html file named as “JQuerySelectors.html”. <html><head><title>JQuery Sample HTML Page</title><script…


Introduction to JQuery

JQuery is an open source JavaScript library, which can be integrated with any web technology. JQuery is been there around for more than 3 years. I thought of coming up with a series of articles, which can explain JQuery in depth. I start this series with history of it followed by benefits offered. JQuery version…