前端最基础的就是HTML+CSS+Javascript。掌握这三项技术算是入门，但也只是入门而已。现在前端开发的定义远不止于此。前端小课堂（HTML/CSS/JS），本着提高技术水平，夯实基础知识的中心思想，开课（每周四）。主要内容jQuery事件（绑定、解除绑定、委托、触发）jQuery链式操作jQuery事件绑定事件on(events,[selector],[data],fn)我比较习惯直接用$('div')。on(events,fn)实现绑定事件。on()方法将事件处理程序绑定到当前选定的jQuery对象中的元素。从jQuery1.7开始，.on()方法提供了绑定事件处理程序所需的所有功能。帮助从旧的jQuery事件方法.bind()、.delegate()和.live()过渡。events可以用来写多个事件，比如通用输入兼容写法$('input').on('inputpropertychange',fn)。兼容原生addEventListener及ie等低版本。jQueryunbindeventoff(events,[selector],[fn])我更习惯直接用$('div').off(events)来实现unbind事件。off()方法删除与.on()绑定的事件处理程序。通过在元素上提供事件名称、命名空间和处理函数，可以删除特定的事件处理程序。当有多个过滤器参数时，所有提供的参数都必须匹配要删除的事件处理程序。$('.btn').off('click')将删除所有点击事件。还记得我们原生的移除条件吗？removeEventListener也必须传入fn。那么jQuery是如何实现的呢？他保存了所有的事件，删除的时候使用保存的引用来删除。jQuery事件委托的native方法on(events,selector,[data],fn)是通过判断event.target来实现的。jQuery封装后，通过传入选择器进行操作。选择器：用于过滤器触发事件??的选择器元素的后代。如果省略，则当事件在选定元素上触发时始终触发该事件。jQuery事件触发，模拟触发trigger(type,[data])使用dispatchEvent原生触发。示例：$("form:first").trigger("submit")其他事件类支持one()绑定只触发一次的事件hover([over,]out)绑定鼠标悬停效果。我基本不用封装的mouseover和mouseout事件封装。只用onoffjQuerychainoperation链式操作真的很酷。比如ES6的newArray(10).fill(1).map((v,i)=>i*2)我们可以通过几种方法来处理我的数据。原理其实比较简单，因为jQuery的重点是封装DOM，都是伪装成数组。让我们轻松地过一遍。然后他在每次手术后归还这个。例子：jsrun地址//实现了一个，点击打开，去除透明效果。$('#wrap').on('click',function(){window.open('https://www.lilnong.top')}).on('mouseout',function(){$('#wrap').animate('opacity',.7)}).on('mouseover',function(){$('#wrap').css('opacity',1)})我们试着这样写我们自己一个可以链接的对象obj={num:0,clear:function(num){this.num=0returnthis;},添加:function(num){this.num+=numreturnthis;}}微信公众号：前端linong初级阶段文章目录前端训练-初级阶段(17)-数据存储(cookie,session,stroage)前端训练-初级阶段(13)-正则表达式前端-前端训练-初级阶段(13)-类、模块、继承前端训练-初级阶段(13)-ECMAScript(内置对象、函数)前端训练-初级阶段(13)-ECMAScript(语法、变量,Values,Types,Operators,Statements)前端训练-初级阶段(13,18)前端训练-初级阶段(9-12)前端训练-初级阶段(5-8)前端训练-初级阶段（1-4）中级文章目录前端训练-中级阶段（2）-事件（event）事件冒泡与捕获-（2019-06-20）前端训练-中级阶段（3）-DOM文档对象模型(2019-06-27)前端实训-中级(4)-BOM浏览器对象模型(2019-07-04期)前端实训-中级(5)-jQuery概念及基本使用(2019-07-11期）前端训练-中级（六）-jQuery元素节点操作（2019-07-18期）数据前端训练目录，前端训练计划，前端训练计划jQueryquick参考地址
