Creating and using a simple plugin

In this example, we will write a simple plugin to familiarize you with the process of creating and using plugins. The programming constructs used in this example are summarized as follows:

Construct	Type	Description
.append()	jQuery method	This inserts content at the end of each matched element
jQuery	jQuery function	This refers to the jQuery function
jQuery("html_tag")	jQuery selector	This selects all elements with the specified HTML tag

Getting ready

Follow these steps to create a simple jQuery plugin:

1. Launch a new ASP.NET Web Application project in Visual Studio using the Empty template and name it TestApplication (or any other suitable name).

2. Create a Scripts folder in the project. Add the jQuery library files to this folder.

3. Add a JavaScript file to the project by right clicking on the Scripts folder in the Solution Explorer tab and navigating to Add | JavaScript File. Name the file jquery.sample.js. This is our plugin file to which we...