JavaScript Tutorial/jQuery/Event click
30. Add event to container
<source lang="javascript">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#container").click(function (e) {
alert(e.target.tagName);
e.preventDefault();
return false;
});
});
</script>
</head>
<body>
<body>
abcdefg
</body>
</html></source>
30. Add your own action to anchor
<source lang="javascript">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".article .thebody").hide();
$("#container .article ul").prepend(" $(".actions li.my a").click(function(event){
$(this).parents("ul").prev(".thebody").toggle();
event.preventDefault();
});
});
</script>
</head>
<body>
Summary 01
Lorem ipsum....
</body>
</html></source>
30. Anchor click event
<source lang="javascript">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a").click(function(event){
alert("Thanks for visiting!");
});
});
</script> </head> <body> <a href="http://wbex.ru/">wbex.ru</a> </body>
</html></source>
