How to show alert message using jQuery Samples and examples

Introduction:
JQuery is not a language but it is a well written Java script code. It was released in Jan 2006 at Barcamp NYC by John Resig. jQuery helps to improve the performance of the application. We can develop most browser compatible web page.No need to learn fresh new syntax to use jQuery, knowing simple JavaScript syntax is enough

In this article I have explained about how to use show Hello World Alert box using JQuery Each steps I have clearly explained in this article .
This application will use Java script alert method to display the Hello World
message. When user clicks on the button Click Me , the alert message is displayed to the user.
The following method is attached to button click event


$("#Button1").click(function()
{
//code here
}

Within <script> tag you need to write jquery script.
When the page loading is finished the following code will executes


$(document).ready(function(){
// Write  code here
});

Full code:


<html xmlns="http://www.w3.org/1999/xhtml" >
 
<head>
<title>Hello World Alert box using JQuery</title>
<script language="javascript" src="jquery-1.2.6.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#Button1").click(function(){
alert("HELLO WORLD!");
});
});
</script>
</head>
<body>
<form  runat="server">
    <asp:Button ID="Button1"  runat="server" Text="Click me" />
       
</form>
</body>
</html>

jQuery javascript file can be downloaded from jQuery Official website http://www.jquery.com/

To load JQuery in your application


<script type="text/javascript" src="jquery-1.2.6.js"> </script>

Post Comment:

Notify me by email when others post comments to this article.

Do not include your name, "with regards" etc in the comment. Write detailed comment, relevant to the topic.

No HTML formatting and links to other web sites are allowed.

This is a strictly moderated site. Absolutely no spam allowed.

Name:	Sign In to fill automatically.
Email:	(Will not be published, but required to validate comment)
	Type the numbers and letters shown on the left.

Online Members

How to show alert message using jQuery

Within <script> tag you need to write jquery script.
When the page loading is finished the following code will executes

Post Comment:

Email subscription

Online Members

How to show alert message using jQuery

Within <script> tag you need to write jquery script.When the page loading is finished the following code will executes

Post Comment:

Email subscription

Within <script> tag you need to write jquery script.
When the page loading is finished the following code will executes