JQuery tutorial: event handling

JQuery



Event handling

JQuery enables you to handle events that are placed on the HTML elements. In this example, when a button is clicked the label of the button will change.
Example:
<html>
<head><title>Handling events</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var i=0;
$(document).ready(function(){

$("button").click(function(){
if(i==0){$("button").text("Thank!");i=1;}
else {$("button").text("Click me");i=0;}
});
});

</script>

</head>
<body>
<button>Click me</button>
</body>
</html>

Note: We supplied function() as the argument of the click() function to do some things (change text label of the button) when the button is clicked.





Comments

Name:
Comment:
Enter the text:
CAPTCHA image

...........................................................................................................Home | Forum | About | Contact
This website intents to provide free and high quality tutorials, examples, exercises and solutions, questions and answers of programming and scripting languages:
C, C++, C#, Java, VB.NET, Python, VBA,PHP & Mysql, SQL, JSP, ASP.NET,HTML, CSS, JQuery, JavaScript and other applications such as MS Excel, MS Access, and MS Word.
However, we don't guarantee all things of the web are accurate. If you find any error, please report it then we will take actions to correct it as soon as possible.
Copyright @ 2011-2013 worldbestlearningcenter. All Rights Reserved.
Home Programming Web DB & App Questions Exercises Tips Programs FAQs Download About
Computer-Wbest
Web Scripts Tips
Download