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(){});