1.jquery是基于js的一个封装库，屏蔽我们之间书写js代码考虑浏览器兼容性的问题。问题交个框架的编写者。jquery团队。
市面上常见的jquery，企业生产环境中经常使用js库，jquery是以后大家学习其他封装的基础库，99%的企业都在使用jquery.
Bootstrap , EasyUI Jquery UI，Ext Js（非常笨重，页面效果非常的华丽，适合在局域网使用）
Vue （View）
Angular JS
React
2.Jquery的用途
1>访问和操作DOM元素
2>控制页面样式
3>对页面事件的处理
4>方便使用JQuer插件
5>雨Ajax技术的完美结合
3.JQuery的优势
1>轻量级 2>强大的选择器 3>出色的DOM封装 4>可靠的事件处理机制 5>出色的浏览器兼容 6>隐式迭代 7>丰富的插件支持
4.window.onload 和 $(function(){}); =====$(document).ready(); 区别
区别1：执行时机 window.onload滞后----->$function优先执行
区别2：执行次数 window.onload一次 $function 多次
http://www.bootcss.com/p/layoutit/
3.jquery和dom互转
（1）Jquery对象是一个类似数组的对象，可以通过[index]的方法得到相应的DOM对象
（2）通过get(index)方法得到相应的DOM对象
4.DOM转换JQuery对象
只需要用$()函数将DOM对象包装起来
dom-------------->jquery
$(dom)
jquery-------------->dom
jqyery[0]
dom和jquery操作文本
表单元素
dom.value
非表单元素
dom.innerText 后者 innerHTML
jquery:
表单元素
dom.val();
非表单元素
dom.text() 后者 html()
dom和jquery操作样式
dom:操作样式的三种方案
dom.style.fontSize="属性值";
dom.className="class属性值";
dom.style.cssText="A:B;C:D";
jquery：操作样式的3种方案
jquery.css("属性名"，“属性值”)
jquery.css({"属性名":"属性值","属性名2":"属性值2"})
jquery.addClass("类的属性值");
dom和jquery事件注册
dom：中所有事件的开始都是onXXX onYYY onZZZ IXXX IYYY
dom.onclick=function(){
};
dom.onmouseover
dom.onmouseout
jquery:
jquery.click(function(){
});
jquery.mouseover(function(){
});