<body>
<h2>.click()方法</h2>
<h4>测试一</h4>
<button>元素绑定事件,弹出回调中的this</button>
<script type="text/javascript">
//this指向button元素
$("button:eq(0)").click(function() {
alert(this)
})
</script>
<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>
这里click函数的传参不同于java的传参，
$("#test").click(11111,function(e) {
//e.date => 11111 传递数据
});
如果在java中我们调用时需要这样data(1111)；
a()调用函数 $("button:eq(2)").click(1111, data)后面的data就是调用前面的data(e)函数
首先，a()；是为了调用此函数，即执行。因为你只是声明了a()函数，并没有调用；
函数名是data()，其中的e为形参；
定义一个函数function a(){};调用函数a()后，才会执行；function data(e)传的一个参数，这个地方我理解的也不十分好刚学到这
a();是调用函数。之前只是声明，没有调用是不会执行的。
date是函数名，e是传入的参数