JavaScript Tutorial/jQuery/click
Содержание
Add click listener to links in unordered list
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript">
var tmpExample = {
ready : function() {
$("ul#myStyle li a").click(
function($e) {
$e.preventDefault();
window.open(this.href, "FavoriteLink", "");
}
);
}
}; $(document).ready(tmpExample.ready);
</script> <style type="text/css">
ul {
list-stlye: none; margin: 0; padding: 0;
} a {
text-decoration: none;
}
</style> </head> <body>
- <a href="http://www.wbex.ru">wbex</a>
- <a href="http://www.apple.ru">Apple</a>
- <a href="http://www.jquery.ru">jQuery</a>
</body>
</html></source>
Find all children of the clicked element.
<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) {
var $kids = $(e.target).children();
alert($kids.length);
e.preventDefault();
return false;
});
});
</script>
</head>
<body>
<body>
asdf
</body>
</html></source>
Stop click event
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript">
var tmpExample = {
ready : function() {
$("ul#myStyle li a").click(
function($e) {
$e.preventDefault();
window.open(this.href, "FavoriteLink", "");
}
);
}
}; $(document).ready(tmpExample.ready);
</script> <style type="text/css">
ul {
list-stlye: none; margin: 0; padding: 0;
} a {
text-decoration: none;
}
</style> </head> <body>
- <a href="http://www.wbex.ru">wbex</a>
- <a href="http://www.apple.ru">Apple</a>
- <a href="http://www.jquery.ru">jQuery</a>
</body>
</html></source>
To trigger the click event on all of the paragraphs on the page:
<source lang="javascript">
$("p").click();</source>
