$("#msg").html($("#msg").html() + "<p>外层div元素被单击</p>");这里写一个html就行了吧
2016-12-03
好像找错别字成了好多人的乐趣,谁能保证自己做的时候不出错,关键性的错字提出来就好了,以防误导同学,但某些错字纯属业余,没有一点儿重要性,真心不知道为什么老要重复这些,有这些功夫在这评论一些丝毫不重要的大家都可以看到的错字,还不如多花点儿功夫看一下这些知识都学会了嘛,多敲几遍代码。
2016-12-01
event 应该是一个封装好JQ的类,记录这个点击事件全部信息,target是其中一的一个属性,这个属性里面又包含了很多其它属性,具体可以console.log(event);就能看明白;console.log(event)和console.log(this)和console.log($(this))都是完全不同 的东西
2016-12-01
用event 对象的which区别按键,敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3
2016-12-01
方法三:$ele.click( [eventData ], handler(eventObject) )可以传参数,感觉很高档
2016-12-01
还是书上的容易懂些:
hover()方法是jQuery中的合成事件。
语法结构为:hover(enter,leave)
hover()方法用于模拟光标的悬停事件。当光标移动到元素上,会触发指定的第一个函数;当鼠标移除这个元素时,触发第二个函数。
hover()方法是代替mouseenter(), mouseleave()
hover()方法是jQuery中的合成事件。
语法结构为:hover(enter,leave)
hover()方法用于模拟光标的悬停事件。当光标移动到元素上,会触发指定的第一个函数;当鼠标移除这个元素时,触发第二个函数。
hover()方法是代替mouseenter(), mouseleave()
2016-12-01
<div class="aaron">
<em></em><br>
<em></em>
</div>
<script>
var n = 0;
var m=0;
$(".aaron:first").on({
mousedown:function(e){$('em:first').text('触发类型:'+e.type+'次数:'+(++n))},
mouseup:function(e){$('em:last').text('触发类型:'+e.type+'次数:'+(++m))}
})
</script>
<em></em><br>
<em></em>
</div>
<script>
var n = 0;
var m=0;
$(".aaron:first").on({
mousedown:function(e){$('em:first').text('触发类型:'+e.type+'次数:'+(++n))},
mouseup:function(e){$('em:last').text('触发类型:'+e.type+'次数:'+(++m))}
})
</script>
2016-11-30
倒数第二个知识点我觉得有点错误:this应该是不变的,event.target才是变化的,大家可以将第二个绑定的click事件用下面的代码测试一下,在第48行后面加上下面这两句:观察点击span和div后$(this).html()和event.target.textContent显示的区别
$("#msg").html($("#msg").html() + "<p>"+$(this).html()+"</p>");
$("#msg").html($("#msg").html() + "<p>"+event.target.textContent+"</p>");
$("#msg").html($("#msg").html() + "<p>"+$(this).html()+"</p>");
$("#msg").html($("#msg").html() + "<p>"+event.target.textContent+"</p>");
2016-11-30