测试三这样写童鞋们更容易接受吧：
function a(){
$('button').mousedown(111111,function(e){
alert(e.data)
})
};
a();
function a(){
$('button').mousedown(111111,function(e){
alert(e.data)
})
};
a();
2018-05-16
function a(){
$('button').mousedown(111111,function(e){
alert(e.data)
})
};
a();
$('button').mousedown(111111,function(e){
alert(e.data)
})
};
a();
2018-05-16
on()事件相当于是$(document).click(function(){if(点击的是a){}})，给body添加了一个click事件，当点击的是btn，事件冒泡原理，从里到外，就相当于点击了a，那么就会执行函数，本质上只给body添加了一个事件，而click()事件是给所有子元素a添加了click事件。
参考：https://www.cnblogs.com/wufangfang/p/5333007.html
参考：https://www.cnblogs.com/wufangfang/p/5333007.html
2018-05-16
使用场景:比如校验用户输入的表单内容合法性等，不合法的就不向服务器上的action页面发起请求以及提交表单数据
2018-05-14
$("input").trigger("focus", "触发聚焦事件");//触发了原生的获得焦点，参数不会传递？
$("input").triggerHandler("focus","没有触发默认聚焦事件");//没有触发聚焦事件？
$("input").triggerHandler("focus","没有触发默认聚焦事件");//没有触发聚焦事件？
2018-05-13
$("html").click(function() {
$("#msg").html( $("#msg").html() + "<p>html元素被单击</p>");
});
再加个html继续冒泡
$("#msg").html( $("#msg").html() + "<p>html元素被单击</p>");
});
再加个html继续冒泡
2018-05-13
$("ul").on('click',function(e){
if(this === e.target) return;
alert('触发的元素是内容是: ' + e.target.textContent)
})
可以把点击ul的alert去掉
$("ul").on('click' ,function(e){
alert(this);
alert('触发的元素是内容是: ' + e.target.textContent)
})
去掉了ul的click事件反应
if(this === e.target) return;
alert('触发的元素是内容是: ' + e.target.textContent)
})
可以把点击ul的alert去掉
$("ul").on('click' ,function(e){
alert(this);
alert('触发的元素是内容是: ' + e.target.textContent)
})
去掉了ul的click事件反应
2018-05-13
把第二n++去掉
off和unbind一样解绑事件用法几乎一样，
off后可以jia选择器off(event [, selector], function)
unbing的源码也是用的off
off和unbind一样解绑事件用法几乎一样，
off后可以jia选择器off(event [, selector], function)
unbing的源码也是用的off
2018-05-13
$('button').click(function () {
$('body').append("<div class='thrid'>click点击失效</div>");
});
$('body').on('click','.thrid', function(){
alert();
})
这样可以给div动态绑定了，要从父节点中开始找
$('body').append("<div class='thrid'>click点击失效</div>");
});
$('body').on('click','.thrid', function(){
alert();
})
这样可以给div动态绑定了，要从父节点中开始找
2018-05-13
on可以动态绑定事件。
比如为自己在js中动态新创建的div标签绑定click事件，用click失效，用on可以
$('button').click(function () {
$('body').append("<div class='thrid'>click点击失效</div>");
});
$('.thrid').click(function () {
alert('失效了吗');
比如为自己在js中动态新创建的div标签绑定click事件，用click失效，用on可以
$('button').click(function () {
$('body').append("<div class='thrid'>click点击失效</div>");
});
$('.thrid').click(function () {
alert('失效了吗');
2018-05-13