Mic*_*cah 13 html javascript jquery unobtrusive-javascript
我正在寻找使用JQuery对Unobtrusive Javascript进行10分钟的精彩介绍.我对这个概念完全陌生,我想看看事件绑定如何起作用.
作为一些背景,我正在寻找一个类似于我们在这里所做的"删除此标签"系统.看看源代码,我没有看到任何js,只是一个img标签.这让我觉得必须有外部的js绑定到click事件.我想知道如何做到这一点,我想要一个向我展示的教程!
Dam*_*kić 11
我想jQuery主页上的Tutorials页面将是一个很好的起点:)
删除您点击的链接的简单示例如下:
<html>
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
// execute script only when DOM has finished loading
$(document).ready(function() {
$('#removeme').click(function() {
// remove element that has been target of the event
$(this).remove();
// stop browser from following the link
return false;
});
});
</script>
</head>
<body>
<p>
<a id="removeme" href="http://example.org">Remove me</a>
</p>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
6501 次 |
最近记录: |