Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying ASP.NET jQuery Cookbook (Second Edition)
  • Table Of Contents Toc
ASP.NET jQuery Cookbook (Second Edition)

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

By : Sonal Merchant, Aneel Allana
3.5 (2)
Buy this Book
close
close
ASP.NET jQuery Cookbook (Second Edition)

ASP.NET jQuery Cookbook (Second Edition)

3.5 (2)
By: Sonal Merchant, Aneel Allana
Buy this Book

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

Understanding CDN for jQuery

A Content Delivery Network (CDN) hosts content for users through large distributed systems. The advantage of using a CDN is to improve the performance. When using a CDN to retrieve the jQuery library, if the files have been downloaded earlier, they will not be re-downloaded. This can help you improve the response time.

How to do it…

The following CDNs are available for jQuery files:

  • jQuery's CDN provided by MaxCDN
  • The Google CDN
  • The Microsoft CDN
  • The CDNJS CDN
  • The jsDelivr CDN

To include jQuery on a web page, the URL of the respective CDN can be used so that files can be directly served from the CDN instead of using the local copies. The following table summarizes the respective CDN URLs for jQuery files:

CDN

URL

jQuery's CDN

Version 2.x:

http://code.jquery.com/jquery-2.x.x.js

http://code.jquery.com/jquery-2.x.x.min.js

Version 1.x:

http://code.jquery.com/jquery-1.x.x.js

http://code.jquery.com/jquery-1.x.x.min.js

The Google CDN

Version 2.x:

https://ajax.googleapis.com/ajax/libs/jquery/2.x.x/jquery.js

https://ajax.googleapis.com/ajax/libs/jquery/2.x.x/jquery.min.js

Version 1.x:

https://ajax.googleapis.com/ajax/libs/jquery/1.x.x/jquery.js

https://ajax.googleapis.com/ajax/libs/jquery/1.x.x/jquery.min.js

The Microsoft CDN

Version 2.x:

http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.x.x.js

http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.x.x.min.js

http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.x.x.min.map

Version 1.x:

http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.x.x.js

http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.x.x.min.js

http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.x.x.min.map

The CDNJS CDN

Version 2.x:

https://cdnjs.cloudflare.com/ajax/libs/jquery/2.x.x/jquery.js

https://cdnjs.cloudflare.com/ajax/libs/jquery/2.x.x/jquery.min.js

https://cdnjs.cloudflare.com/ajax/libs/jquery/2.x.x/jquery.min.map

Version 1.x:

https://cdnjs.cloudflare.com/ajax/libs/jquery/1.x.x/jquery.js

https://cdnjs.cloudflare.com/ajax/libs/jquery/1.x.x/jquery.min.js

https://cdnjs.cloudflare.com/ajax/libs/jquery/1.x.x/jquery.min.map

The jsDelivr CDN

Version 2.x:

https://cdn.jsdelivr.net/jquery/2.x.x/jquery.js

https://cdn.jsdelivr.net/jquery/2.x.x/jquery.min.js

https://cdn.jsdelivr.net/jquery/2.x.x/jquery.min.map

Version 1.x:

https://cdn.jsdelivr.net/jquery/1.x.x/jquery.js

https://cdn.jsdelivr.net/jquery/1.x.x/jquery.min.js

https://cdn.jsdelivr.net/jquery/1.x.x/jquery.min.map

Using CDNs for new releases

Note that CDNs may not have the latest files when new versions of the jQuery library are launched since it usually takes a couple of days for third-parties to update their files. In the case of new releases, always check the available version before downloading them.

How it works…

CDNs consist of servers situated in data centers in strategic locations across the globe. When a client requests a resource from a CDN, the server that is geographically closest to the client processes the request. These servers are also known as edge servers. In addition to this, edge servers have a caching mechanism to serve various assets. All this helps you improve the client's response time.

See also

The Using NuGet Package Manager to download jQuery recipe

CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
ASP.NET jQuery Cookbook (Second Edition)
End of Section 1
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon