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

The Document Object Model (DOM) provides a representation for web pages as structured documents with a tree-like format. Each node in the tree is tied to properties, methods, and event handlers. The web page is itself referred to as the document object and can be accessed from the window object using window.document. The HTML elements on the page become element nodes such as a head element or body element. These nodes, in turn, can have children nodes such as table, div, input, and so on. Some nodes may be text nodes while some may also be comment nodes.

It is important to note that the DOM is not a programming language but rather an object-oriented model that can be used across various languages, such as JavaScript, HTML, and XML. Thus, it is language-independent and provides a common Application Programming Interface (API) that can be implemented by various languages. By connecting web pages to programming languages, you can manipulate their style, structure, and content.

jQuery...

Previous Section
End of Section 2
Next Section