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.

Related Content you might be interested in

Current Title:

Small book image
ASP.NET jQuery Cookbook (Second Edition) - Second Edition
Sonal Merchant | Sonal Aneel Allana
Feb, 2016 | 478 pages
No titles found
Table of Contents (15 chapters)
ASP.NET jQuery Cookbook Second Edition
ASP.NET jQuery Cookbook Second Edition
Credits
Credits
About the Author
About the Author
About the Reviewer
About the Reviewer
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Getting Started with jQuery in ASP.NET
Getting Started with jQuery in ASP.NET
Introduction
Downloading jQuery from jQuery.com
Understanding CDN for jQuery
Using NuGet Package Manager to download jQuery
Adding jQuery to an empty ASP.NET web project using a script block
Adding jQuery to an empty ASP.NET web project using ScriptManager control
Adding jQuery to an ASP.NET Master Page
Adding jQuery programmatically to a web form
Understanding jQuery reference in the default web application template
Hello World in a web project using jQuery
Bundling jQuery in ASP.NET MVC
Using CDN to load jQuery in MVC
Hello World in ASP.NET MVC using jQuery
Debugging jQuery code in Visual Studio
2
Using jQuery Selectors with ASP.NET Controls
Using jQuery Selectors with ASP.NET Controls
Introduction
Selecting a control using ID and displaying its value
Selecting a control using the CSS class
Selecting a control using HTML tag
Selecting a control by its attribute
Selecting an element by its position in the DOM
Enabling/disabling controls on a web form
Using selectors in MVC applications
3
Event Handling Using jQuery
Event Handling Using jQuery
Introduction
Responding to mouse events
Responding to keyboard events
Responding to form events
Using event delegation to attach events to future controls
Running an event only once
Triggering an event programmatically
Passing data with events and using event namespacing
Detaching events
4
DOM Traversal and Manipulation in ASP.NET
DOM Traversal and Manipulation in ASP.NET
Introduction
Adding/removing DOM elements
Accessing parent and child controls
Accessing sibling controls
Refining selection using a filter
Adding items to controls at runtime
5
Visual Effects in ASP.NET Sites
Visual Effects in ASP.NET Sites
Introduction
Animating the Menu control
Animating a Label control to create a digital clock
Animating the alt text of the AdRotator control
Animating images in the TreeView control
Creating scrolling text in a Panel control
Creating a vertical accordion menu using Panel controls
Showing/hiding the GridView control with the explode effect
6
Working with Graphics in ASP.NET Sites
Working with Graphics in ASP.NET Sites
Introduction
Creating a spotlight effect on images
Zooming images on mouseover
Creating an image scroller
Building a photo gallery using z-index property
Building a photo gallery using ImageMap control
Using images to create effects in the Menu control
Creating a 5 star rating control
Previewing image uploads in MVC
7
Ajax Using jQuery
Ajax Using jQuery
Introduction
Setting up Ajax with ASP.NET using jQuery
Consuming page methods
Consuming Web services
Consuming WCF services
Retrieving data from a Web API
Making Ajax calls to a controller action
Making Ajax calls to a HTTP handler
8
Creating and Using jQuery Plugins
Creating and Using jQuery Plugins
Introduction
Creating and using a simple plugin
Using the $ alias in the plugin
Calling methods on DOM elements
Providing default values
Providing method chaining
Adding actions to plugins
Using the form validation plugin
Downloading plugins using the NPM
Index
Index

Introduction

As a web developer, you often require to include functionalities in your websites that make writing a client script in JavaScript inevitable. Getting the client script to produce the same response for all browsers has always been a challenge. jQuery helps you overcome this difficulty. In essence, jQuery is a powerful JavaScript library that works across all browsers, such as Internet Explorer (IE), Firefox, Safari, Chrome, Opera, iOS, and Android. It takes away the agony that developers face in order to maintain their client scripts across different platforms.

jQuery is popular not only because of its cross-browser support, but also because it is packed with features that developers can plug and play. It has changed the way developers write a client script. In addition to reducing the amount of code that needs to be written, it provides features for traversing the DOM, event handling, building animations, and AJAX, among many more.

This chapter deals with acquiring the library and other supporting files. It aims to cover different aspects of including and using jQuery in ASP.NET 4.6 web application projects, such as web forms and MVCs.

Note

This book is based on Visual Studio 2015 and jQuery 2.1.4. The scripts have been tested in Internet Explorer 11.0.96, Mozilla Firefox 38.0.1, and Google Chrome 47.0.2526.

If you are familiar with downloading and including jQuery in your ASP.NET applications, you can skip this chapter and move on to recipes for manipulating controls in Chapter 2, Using jQuery Selectors with ASP.NET Controls.

Previous Section
End of Section 2
Next Section