jQuery3

https://www.cnblogs.com/liwenzhou/p/8178806.html   -- 教师博客地址

1.jQuery绑定事件的方式:

　　1.$('').click(function() {})

　　2.$('').on('click',function() {})

2.阻止后续事件执行:

　　1.retrun false;

　　2.event.stopProoagation()    event表示事件本身

3.事件冒泡:

　　1.DOM中事件的特点

4.事件委托:基于一个已经存在的标签给未来的标签绑定事件:

　　1.$('').on('click','选择器',function() {})

5.常用的事件:

　　1.键盘事件

　　　　1.批量操作的例子

　　2.hover(不是DOM事件,是jQuery封装的)

　　　　接收两个匿名函数

　　　　　　$('').hover(function(){鼠标要移上去要做的事情},function(){鼠标要移出去的事情})

　　3.input事件:只要input框的值发生变化就会触发事件

　　4.点击事件

click(function(){...})  #常用的绑定事件
hover(function(){...})
blur(function(){...})
focus(function(){...})
change(function(){...})
keyup(function(){...})

　　

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()