jquery里，$(window)和$(document)有什么区别？

$(window)和$(document)获取到的对象不同。

1、Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中，Window 对象是全局对象，所有的表达式都在当前的环境中计算.

2、Document 对象是 Window 对象的一部分,每个载入浏览器的 HTML 文档都会成为 Document 对象.

jquery中的DOM的理解

本质上的区别

JavaScript 是通过标签插入到HTML页面，可由所有的现代浏览器执行的一种轻量级的编程语言。

JQuery是一个JavaScript函数库。或者说是JavaScript。

使用JQuery首先要在 HTML 代码最前面加上对 jQuery 库的引用，比如：

库文件既可以放在本地，也可以直接使用知名公司的 CDN，好处是这些大公司的 CDN 比较流行，用户访问你网站之前很可能在访问别的网站时已经缓存在浏览器中了，所以能加快网站的打开速度。另外一个好处是显而易见的，节省了网站的流量带宽。

例如：

//Google

//G或者：

//jQuery 官方　

JavaScript是网页编程语言，而jQuery是一个基于js编写的框架；

jquery就是基于JavaScript语言写出来的一个框架,实质上还是js而已

So:

jQuery 是一个 JavaScript 库；

jQuery 极大地简化了 JavaScript 编程；

jQuery 使JavaScript更好用；

jquery就是要用更少的代码，漂亮的完成更多的功能；

最直观的区别就是：外观上jQuery对象比js对象多了"$()"。

操作属性

JavaScript里面用来操作属性的方法：

div.setAttribute("","");——设置属性、修改属性

div.removeAttribute("");——移除属性，引号里面写一个属性名

div.getAttribute();——获取属性

jQuery里面用来操作属性的方法：

添加属性：div.attr("test","aa"); ——给这个attr方法加入参数，属性名叫做test，属性的值是aa

移除属性：div.removeAttr("test"); ——移除test这条属性

获取属性：div.attr("test"); —— 在attr方法里面直接写入一个属性的名就可以了

操作样式

JavaScript里面操作样式的关键字是style

例：div.style.backgroundColor = "red";——把这个div的背景色设置成为了红色

请点击输入描述

jQuery里面操作样式的关键字是css

例：div.css("background-color","yellow");——把这个div的背景色变为**，在这里CSS里面所有的样式和css样式表里面的样式是一模一样的没有任何变化。

请点击输入描述

JavaScript操作样式的方法只能获取内联样式，不能取内嵌的和外部的。

jQuery操作样式的方法可以是内联的也可以是内嵌的。

一些方法对比:

⑴使用JavaScript和jQuery分别加载DOM

JavaScript只会执行一次，而jQuery会执行多次

⑵使用JavaScript和jQuery获取ID

JavaScript：

document.getElementById(‘idName')

JQuery：

$('#idName')

⑶使用JavaScript和jQuery获取class

JavaScript没有默认的获取class的方法

JQuery：

$('.className')

使用jQuery最大的好处是少量的代码做更多的事情，与JavaScript相比，jQuery的语法更加简单。

用我自己的理解和你说一遍，网页说到底就是容器的嵌套，也就是DOM树，是最外层的容器，接着是、,在这两个容器我们可以继续加别的东西，形象一点就是大盒子里放小盒子，小盒子里面再放盒子，这是直观的理解，抽象一点就是DOM树，是树根，、,则是它的延伸、子集，可以看做树干，接下来的又是、,的子集，可以看做枝叶，DOM树加载就相当于从树根到枝叶把这棵树构造出来，换到网页就是整个网页的显示层面全部加载显示，$(document).ready()函数做的事就是看这个树那儿不好，修剪一下，换到网页就是对最原始的显示进行排版美化等一系列你想做的事。

直白的说就是这么回事，希望对你有帮助

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com