jQuery组织后续事件 事件冒泡 事件委托 键被按下 批量操作 hover input 事件

1. jQuery绑定事件的方式
1. $('').click(function(){})
2. $('').on('click', function(){})
2. 阻止后续事件执行
1. return false;
2. event.stopPropagation() // event表示事件本身
2. 事件冒泡

 

1. DOM中事件的特点
3. 事件委托: 基于一个已经存在的标签给未来的标签绑定事件
1. $('').on('click', '选择器', function(){})

 

4. 常用事件
1. 键盘事件
1. 批量操作的例子
2. hover(不是DOM事件，是jQuery封装的)
接收两个匿名函数
$('').hover(function(){鼠标移上去要做的事儿}, function(){鼠标移出去要做的事儿})
3. input事件：只要input框的值发生变化就会触发此事件
4. 点击事件
5. 页面加载完毕
1. window.onload = function(){}
1. 存在的问题
1. 会等到页面上的文档、图片、视频等所有资源都加载完才会触发
2. 存在覆盖声明的问题
2. jQuery帮我们封装的
1. 语法
1. $(document).ready(function(){...})
2. $(function(){绑定事件的操作...})
2. 优势：
1. 只要文档加载完就会触发
2. 不存在覆盖声明的问题
6. 补充
1. 动画（了解即可）
2. each遍历工具
1. $.each(便利的对象, function(){})
2. $('div').each(function(){})
3. data
任意jQuery对象都有data方法，可以保存任意值，用来代替全局变量
4. 扩展
1. jQuery.extend()
2. jQuery.fn.extend()

 

转载于:https://www.cnblogs.com/cavalier-chen/p/9816551.html