本文介绍了一个使用jQuery实现的简单点击事件示例。通过该示例可以了解到如何为页面中的段落元素添加点击事件，当用户点击这些元素时，会弹窗显示被点击元素的内容。
<script type="text/javascript" src="script/jquery-1.8.3.js"></script>
</head>
<body>
<p>段落1</p>
<p>段落2</p>
<p>段落3</p>
<p>段落4</p>
<p>段落5</p>
<script type="text/javascript">
//获取当前点击的对象
$('p').click(
function(){
//this表示当前被点击元素，但是此时我们当做dom对象
//window.alert(this.innerHTML);
//$(this) 表示当前被点击元素，但是此时我们当做jquery对象
window.alert($(this).html());
//window.alert('ok');
});
</script>
</body>
</head>
<body>
<p>段落1</p>
<p>段落2</p>
<p>段落3</p>
<p>段落4</p>
<p>段落5</p>
<script type="text/javascript">
//获取当前点击的对象
$('p').click(
function(){
//this表示当前被点击元素，但是此时我们当做dom对象
//window.alert(this.innerHTML);
//$(this) 表示当前被点击元素，但是此时我们当做jquery对象
window.alert($(this).html());
//window.alert('ok');
});
</script>
</body>
扫一扫
3962
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
