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>