<h4>测试二</h4>
<div class="test2">
<p>$('button:first').mousedown(function(e) {alert(this)})</p>
</div>
<button>指定触发事件</button>
<script type="text/javascript">
$('p').mousedown(function(e) {
alert(e.target.textContent)
})
//this指向button元素
$("button:eq(1)").mousedown(function() {
$('p').mousedown() //指定触发绑定的事件
})
</script>
原代码: (就是要实现点击按钮,显示p的内容)
<button>指定触发事件</button>
<script type="text/javascript">
$('p').mousedown(function(e) { //此时就是当你点击p 的时候,就会弹出p的内容(步骤1)
alert(e.target.textContent)
})
/*
$("button:eq(1)").mousedown(function() { //这一步就是通过按钮来调用步骤1
$('p').mousedown() //指定触发绑定的事件
})
*/
</script>
简单代码:
<button>指定触发事件</button>
<script type="text/javascript">
var $p =$('p:eq(0)').text()
$('button:eq(1)').mousedown(function($P) {
alert($p)
})
<script type="text/javascript">
$('p').mousedown(function(e) {
alert(e.target.textContent)
})
//this指向button元素
$("button:eq(1)").mousedown(function(e) {
alert(e.target.textContent)//指定触发绑定的事件
})
</script>
第一个意思是点击p标签,弹出p标签内容,
第二个是点击第一个(eq(1))按钮(button)弹出内容