JQuery with ASP.NET

Introduction Jquery is a client side script library. We have to add a script reference to out page. Latest version of Jquery 1.7.2. can be downloaded from www.jQuery.com. This utility is very useful and can be easily used in ASP.NET. It is a simple javascript library file with several built in functions that can be use for adding better visual effects to our website.

Introduction jQuery is a cross browser javascript library designed to simplify the client side scripting of HTML. It is great library used for developing ajax based application. jQuery library is designed to keep the things simple and reusable.

Features of jQuery / Why to use jQuery We can use jQuery for a web based appllications like JSP, Servlets, ASP,PHP, CGI and many other languages due to its following features. Support for Events, CSS manipulation, AJAX Easy to add and use javascript plugin. Better effects and animation. Dom element selections functions, modifications and traversals. Extensibility for cross browser applications. Utitlity support

jQuery Syntax jQuery syntax is very simple and easy to understand. It is a style made for selecting HTML elements and performs some action on that elements. We can add the actions at the same time on multiple elements. Syntax: $(selector).action() Explanation: $ sign is used to define jQuery. The selector is used to apply query on or to find the HTML elements. The action is the jQuery action which is to be applied on HTML element. Examples: $(this).hide(): to hide the current element $(“table”).hide() : to hide all the tables in the page. $(“table.myclass”).hide: to hide all the tables in the page with css class = “myclass” $(“#myclass”).hide() = this code hides the element with id=“myclass”

jQuery Events Functions The events in the jQuery lib. Are like simple functions that can be directly invoked by calling them onto a specified elements. Event handlers are methods that are called when “something happens” in HTML. Some example of event functions: $(document).ready(function) : this binds a function to the ready event of a document after the document is finished loading. $(selector).click(function): this binds a function to the click event of selected elements.

DOM manipulation methods with jQuery jQuery provides methods to manipulate DOM using very few line of code. We can easily change the value of any elements attribute or to extract HTML code from a paragraph or division. jQuery provides methods such as .aatr(), .html(), and .val() which retrives information from DOM elements.