事件 常用的一些事件 click(function(){}) hover()//不能做事件委托（不能用on的写法），写法，鼠标移入，移除的不同状态 $('.c1').hover( //光标移入 function () { console.log('111'); }, //光标移出 function () { console.log('222') }) focus//获得光标 blur//失去光标 keyup//window对象控制键盘，提起 keydown//window对象控制键盘 mouseover//进入识别子标签，遇到子标签就执行，会连续触发 mouseenter//进去只识别一次，并且不识别子标签 input//事件，必须要用on来绑定（实时监听input输入框的内容） $('input').on('input',function () { console.log($(this).val()) }) 事件绑定 jq对象.on('事件','选择器',function（）)//这句化的以意思是，给选择器赋予 移除事件（不常用） .off( events [, selector ][,function(){}]) 阻止后续事件执行 form表单action为空会默认提交数据给当前页面的url <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>阻止默认事件</title> </head> <body> <form action=""> <button id="b1">点我</button> </form> <script src="jquery.js"></script> <script> $("#b1").click(function (e) { alert(123); return false; // e.stopPropagation(); }); </script> </body> </html> 阻止事件冒泡 一个事件执行完后，父级标签如果绑定了同样的事件，会出现回退现象，父级标签也会执行事件 事件委托???? //能把该标签的事件绑定给父级标签，让父级标签去执行操作 页面载入（区别于window对象的onload） ready(在你页面的图片视频加载完成之前就能执行js代码)//还没有覆盖现象 window。onload//是页面所有的图片视频加载完成之后才执行js代码 each用法 each遍历数组 var li=[1,2,23]; undefined li (3) [1, 2, 23] $(li).each(function(k,v){ console.log(k,v) }) each遍历多个jq对象 // 为每一个li标签添加foo $("li").each(function(){ $(this).addClass("c1"); }); 终止each循环 return false 。data 设置值 。data(k，v) 。data（{k1:v1,k2:v2}） 取值 .data(k) 移除data .dremoveData(k) 动画（了解） 插件（了解） 1. jq对象。extend（{ min：funcion（）{} max：function（）{} }） 只能全局的$.max()才能用 2。 jq。fn。extend( { max:function（）{} min：function（）{} } ) 加了fn标签对象才能用