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.



HTML Comment Box is loading comments...



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.