Until now, all recipes have demonstrated different ways to add the jQuery library to web pages. This is the first step in making the page jQuery-ready. In this recipe, let's move on to the next step: writing the jQuery code inside a script block to manipulate controls in a web form. We will display a simple Hello World message on the web page by manipulating a
Label control on a web form.
Add a new Web Form to the project.
Add the jQuery library files to the Scripts folder.
Add a reference to the jQuery library on the web form using any method of your choice.
<asp:Label ID="lblMessage" runat="server" Text=""></asp:Label>
If a jQuery reference is added to the
<head> element, then include the following
<script> block in the
<head> element. Otherwise, include the
<form> element, preferably before the
<form> tag is closed:
Following are the steps to print Hello World!! in a web project using jQuery:
In the preceding jQuery code, the
$symbol is used to instantiate the
.ready()function is triggered when the DOM is ready. It is commonly used to execute the required jQuery code on the page.