Manipulating Styles with jQuery

jquery

In the previous article we discussed about manipulating element CSS Classes using jQuery. In this article we’ll explore how to read or manipulate style properties of elements using jQuery methods. The CSS Classes defined using class attribute can be used to control the look and feel of an element. A predefined CSS definition matched with […]

CSS Class Manipulation with jQuery

jquery

Each HTML element can have a CSS class attribute which controls the look and feel of the element. The CSS class of an element corresponds to the style sheet definition. Style sheets are managed separately from HTML or any other presentation code for better maintainability. Often need arises to manipulate these class attributes to assign […]

jQuery Event Handling – Browser Events

jquery

In this article we’ll discuss about jQuery browser events. The browser events are triggered when browser is resized or scrolled or any elements have not been loaded properly by the browser. Three browser events are discussed here namely error, scroll and resize events.  Using these browser events we can do number of things like re-arranging […]

jQuery Event Handling – Form Events

jquery

We discussed about mouse events, keyboard events in previous articles. This article discusses about form events jQuery supports. jQuery has five form events namely blur(), change(), focus(), select() and submit(). These events are triggered when we interact with HTML form elements like moving away from the element or when the element loses its focus, changing […]

jQuery Event Handling – Key Events

jquery

In addition to mouse events, jQuery also responds to key board events when user presses any key on the keyboard, presses key down, releases key up, input element receives focus, or input element looses focus. These events are triggered when user interacts with the keyboard. In general, these key events are bound to the HTML […]

jQuery Event Handling – Mouse Events

jquery

jQuery provides sophisticated event handling mechanism. jQuery responds to clicks, double clicks, mouse up and mouse down events, page load, key events like key up and down and other relevant events. We can have custom functions which are invoked and executed when any of the event triggers. The following simple HTML file creates a DIV […]

Refreshing DIV Content with jQuery

jquery

Frequently we may have to add or update content of the HTML elements in the web pages. The data we need to add or edit may come from various sources dynamically. jQuery has number of utility methods to achieve this goal. We can add elements or edit element’s data using jQuery.  For instance, we can […]

jQuery Ajax Introduction

jquery

As we already know, AJAX is a technique to update parts of a web page without reloading the entire web page. Ajax stands for Asynchronous JavaScript and Xml. jQuery supports AJAX functionality through various methods. Using jQuery AJAX methods we can request text, HTML, XML or JSON content from the server. We can send HTTP […]

jQuery Selectors : ID selector, Class selector and Element selector

jquery

We use jQuery selectors to identify, select and manipulate the elements of the HTML document. Using jQuery selectors we can identify an element with its ID and class. Once we identify the element(s) we want, we can read the element’s attributes along with attribute values, apply style sheets, hide or show element content based on […]

Introduction to jQuery

jquery

jQuery is a free, open source JavaScript library intended to simplify multi-browser client side scripting. jQuery has very active developer community constantly improving its core and jQuery is the most famous JavaScript library as of today. The current version of jQuery is 1.8. We can use jQuery to manipulate DOM elements, send Ajax request, receive […]