jQuery tutorial for beginners
This is complete jQuery tutorial for beginners and is developed for the absolute beginners trying to learn jQuery in quickest possible time. This tutorial will help you in getting started with jQuery in very short time.
The jQuery library can be downloaded from http://code.jquery.com/jquery-1.4.2.min.js. Download the file and save it a directory on your hard disk.
Step 2: Adding jQuery library to web page
Following line is required to add the jQuery library in the web page.
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
Step 3: Adding jQuery code to show alert message
Add the following code to display the alert message on page load:
<Script language="JavaScript">
$(document).ready(function() {
alert("jQuery tutorial for beginners Example");
});
</Script>
The $(document).ready(function() {} function is called once document dom tree is ready. An in this function we have added the JavaScript alert function to display the alert message.
In this have developed very simple example that displays the alert message "jQuery tutorial for beginners Example" on the screen.
Demo: jQuery Tutorial for beginners Example
Let's get started with the jQuery tutorial for absolute beginners.
In this tutorial you will learn how to download jQuery library and then add it to your project and develop simple program that shows alert message on the page load.
Step 1: Downloading jQuery library
Step 2: Adding jQuery library to web page
Following line is required to add the jQuery library in the web page.
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
Step 3: Adding jQuery code to show alert message
Add the following code to display the alert message on page load:
<Script language="JavaScript">
$(document).ready(function() {
alert("jQuery tutorial for beginners Example");
});
</Script>
The $(document).ready(function() {} function is called once document dom tree is ready. An in this function we have added the JavaScript alert function to display the alert message.
In this have developed very simple example that displays the alert message "jQuery tutorial for beginners Example" on the screen.
Demo: jQuery Tutorial for beginners Example
Comments
Post a Comment