Book Image

ASP.NET jQuery Cookbook (Second Edition) - Second Edition

By : Sonal Merchant, Sonal Aneel Allana
Book Image

ASP.NET jQuery Cookbook (Second Edition) - Second Edition

By: Sonal Merchant, Sonal Aneel Allana

Overview of this book

jQuery is a lightweight JavaScript library that has changed the landscape of client scripting in web applications. Developed by John Resig in 2006, it has taken the web by storm because of its cross-browser compatibility and the ability to get more done with less code. It has gained popularity with ASP.NET developers and is now distributed with Visual Studio and the NuGet package manager. ASP.NET jQuery Cookbook explores the wide range of utilities that the jQuery library provides. It teaches you the nitty-gritty of plugging in these features in ASP.NET web applications. It covers every aspect of interfacing the library, right from downloading and including jQuery on web pages to selecting controls, handling events, and creating animations. This book also walks you through DOM traversal and manipulation in ASP.NET and then through visual effects and graphics in ASP.NET sites. It explores advanced features such as posting AJAX requests and writing plugins. It will provide you with all the information you need to use this library confidently with ASP.NET.
Table of Contents (15 chapters)
ASP.NET jQuery Cookbook Second Edition
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

Showing/hiding the GridView control with the explode effect


The jQuery UI library provides many interesting effects that can be easily applied on ASP.NET sites. We have already seen the bounce effect when applied to images in an earlier recipe. In this particular example, we will make use of another effect called explode and apply it to a GridView control. The constructs used in this example are as follows:

Construct

Type

Description

$("#identifier")

jQuery selector

This selects an element using its ID.

event.preventDefault()

jQuery method

This prevents the default action of the event from being triggered.

explode

jQuery UI effect

This splits an element in the specified number of pieces while hiding or showing it.

.hide()

jQuery method

This hides the matched elements.

.is()

jQuery method

This returns a Boolean value if the matched element satisfies a given condition.

pieces

Property of the jQuery UI explode effect

These are the number of pieces to be exploded...