<h4>测试二</h4>
<div class="test2">
<p>$('button:first').click(function(e) {alert(this)})</p>
</div>
<button>指定触发事件</button>
<script type="text/javascript">
$('p').click(function(e) {
alert(e.target.textContent)
})
//this指向button元素
$("button:eq(1)").click(function() {
$('p').click() //指定触发绑定的事件
})
</script>
<h4>测试三</h4>
<div class="test3">
<p>$('.right').click(1111, set)</p>
</div>
<button>不同函数传递数据</button>
<script type="text/javascript">
//不同函数传递数据
function data(e) {
alert(e.data) //1111
}
function a() {
$("button:eq(2)").click(1111, data)
}
a();
</script>
我把data()函数删掉后,点击,还是可以输出1111
测试二是先选中p标签,然后设置一个点击事件,调用函数,该函数的功能是弹出一个窗口显示文本节点的内容,再然后选中第二个button按钮,也设置夜歌点击事件,点击该按钮会调用上面的函数。
测试三是先设置一个函数data(),该函数的功能是弹出一个窗口显示e的值,然后在设置一个函数a(),该函数先选中第三个button,然后绑定一个点击事件,点击之后将1111传递给data函数的e,然后a()表示调用该函数