初识Jquery

?1.jquery是基于js的一个封装库，屏蔽我们之间书写js代码考虑浏览器兼容性的问题。问题交个框架的编写者。jquery团队。
?市面上常见的jquery，企业生产环境中经常使用js库，jquery是以后大家学习其他封装的基础库，99%的企业都在使用jquery.
?Bootstrap ?, EasyUI ?Jquery UI，Ext Js（非常笨重，页面效果非常的华丽，适合在局域网使用）
?Vue （View）尤雨溪 企业
?Angular JS
?React

2.window.onload和$(function(){})

$(doucument).ready();区别

window.onload：1.在所有页面内容加载完毕后才可执行  2.只能执行一次  3.没有简易写法

$(function):1.网页中所有DOM文档结构执行完毕后即可执行   2. 可以执行N次   3.有简易的写法

3.jquery和dom互转

(1)dom--------->jquery

$(dom)

(2)jquery---------->dom

jquery[0]

get(index)

4.dom和jquery操作文本

(dom)表单元素：dom.value

(dom)非表单元素：dom.innerText或dom.innerHTML

(jquery)表单元素：dom.val();

(jquery)非表单元素：dom.text()或dom.html()

5.dom和jquery操作样式

dom的三种样式：

（1）dom.style.fontSize="属性值"；

（2）dom.className="Class属性值"；

（3）dom.style.cssText="A:b;C:D";

jquery的三种操作样式：

（1）jquery.css("属性名"，"属性值");

（2）jQuery.css({"属性名":"属性值","属性名2":"属性值2"})

（3）jQuery.addClass("类的属性值");

6.dom和jQuery事件注册

(dom)dom.onclick=function(){};

(dom)dom.onmouseover

(dom)dom.onmouseout

(jquery)jquery.click(function(){});

(jquery)jquerey.mouseover(function(){});