前端最基础的就是HTML+CSS+Javascript。掌握这三项技术算是入门，但也只是入门而已。现在前端开发的定义远不止于此。前端小课堂（HTML/CSS/JS），本着提高技术水平，夯实基础知识的中心思想，开课（每周四）。我们已经基本掌握了常规的语法和语义，以及基本的使用方法。下面我们就深入了解一下里面的原理。DOM和BOM我也懂，但是因为规范在不断变化，请问有没有什么类库可以方便的进行这些操作呢？进入我们今天的话题jQueryjQuery出来很久了，用的一般。提供快速参考地址jQuery简介jQuery的设计宗旨是“writeLess,DoMore”，提倡写更少的代码，做更多的事情。jQuery是一个跨浏览器（兼容所有常见浏览器，包括IE6）的工具库。提供元素选择、元素操作、CSS操作、事件处理、动画、AJAX等功能。jQueryChain操作的特点（优秀）高效灵活的选择器（id、class、tag、伪元素、attr、hierarchy）插件机制兼容主流浏览器，提供统一的功能接口jQuery插件机制jQuery.fn.extend(object)对应$('div')的操作。jQuery.fn.extend({check:function(){returnthis.each(function(){this.checked=true;});},uncheck:function(){returnthis.each(function(){this.checked=false;});}});$("input[type=checkbox]").check();$("input[type=radio]").uncheck();jQuery.extend(object)的$的操作。jQuery.extend({min:function(a,b){returnab?a:b;}});jQuery.min(2,3);//=>2jQuery.max(4,5);//=>5jQuery.extend([deep],target,object1,[objectN])用一个或多个其他对象扩展对象，返回扩展对象。如果未指定目标，则扩展jQuery命名空间本身。这有助于插件作者向jQuery添加新方法。如果第一个参数设置为true，jQuery返回一个深层副本，递归地复制它找到的任何对象。否则，副本与原始对象共享结构。未定义的属性不会被复制，但是从对象原型继承的属性会被复制。jQuery选择器基本#id,element,.class,*,selector1,selector2,selectorNlevelancestordescendant,parent>child,prev+next,prev~siblingsbasicfilter:first,:not(selector),:even,:odd,:eq(index),:gt(index),:lang1.9+,:last,:lt(index),:header,:animated,:focus,:root1.9+,:target1.9+content:contains(文本),:empty,:has(selector),:parentvisibility:hidden,:visibleattribute[attribute],[attribute=value],[attribute!=value],[attribute^=value],[attribute$=value],[attribute*=value],[attrSel1][attrSel2][attrSelN]子元素：first-child,:first-of-type1.9+,:last-child,:last-of-type1.9+,:nth-child,:nth-last-child()1.9+,:nth-last-of-type()1.9+,:nth-of-type()1.9+,:only-child,:only-of-type1.9+,form:input,:text,:password,:radio,:checkbox,:submit,:image,:reset,:button,:file表单对象属性：enabled,:disabled,:checked、:selected混淆选择器$.escapeSelector(selector)3.0+通常在类选择器或ID选择器中包含一些CSS特殊字符时使用该方法，该方法与CSS中的CSS.escape()方法基本类似，唯一不同的是这个jquery中的方法支持所有浏览器。jQuery()核心函数，我觉得这是一个很好的点。小小的$函数包含了我们想要的大部分功能。jQuery(Function)等同于$.ready(Function)，它在DOM准备好加载时执行函数回调。它可以避免在页面DOM尚未加载时操作DOM。（会报错）简单来说，这个方法纯粹是用window.load事件注册事件的替代方法。不同的是可以绑定多次（addEventListener也可以绑定多次）。ready如果页面加载完成，会继续调用（load不会）jQuery(element)将原生DOM转换为jQuery封装的DOM。也可以传入一个elementArray批量转换一组原生DOMjQuery([selector,[context]])传入一个选择器，可以限制范围。返回一组匹配元素。jQuery(html,[ownerDocument])从提供的原始HTML标记字符串中动态创建一个由jQuery对象包装的DOM元素。同时设置一系列属性、事件等。也可以用来处理XML$.fn.attr(),$.fn.prop(),$.fn.data()$.fn.attr()设置或返回被选元素的属性值。例如href、src、id、class对应attribute$.fn.prop()来设置或返回被选元素的状态值。可以理解为原始值和状态。比如properties$.fn.data()对应的checked和disabled，早期是直接绑定DOM对象的。目前，如果浏览器支持HTML5，data-*将被读取并存储在DOM元素上。data-*也可以通过DOM方法数据集读取或修改。$.fn.get()、$.fn.eq、[]$.fn.get()等同于[]get获取的是真正的DOMeq还是jQuery包裹的DOM对象。相应的，还有其他的获取途径。html(),text(),val()html()对应innerHTMLtext()对应innerTextval()对应value微信公众号：前端立农初级阶段文章目录前端实训-初级阶段（17）-数据存储（cookie,session,stroage）前端训练-初级阶段（13）-正则表达式前端训练-初级阶段（13）-类，模块，继承前端训练-初级阶段（13）-ECMAScript（内置对象、函数）前端实训-初级阶段（十三）-ECMAScript（语法、变量、值、类型、运算符、语句）前端实训-初级阶段（十三、十八）前端实训-初级阶段（9-12）前端训练-初级阶段（5-8）前端训练-初级阶段（1-4）中级文章目录前端训练-中级阶段（2）-事件（event）)事件冒泡、捕获-(2019-06-20期)前端训练-中级(3)-DOM文档对象模型(2019-06-27)前端训练-中级(4)-BOM浏览器对象Model(2019-07-04)数据前端训练目录，前端训练规划，前端训练计划
