百科狗-知识改变命运!
--

jquery里,$(window)和$(document)有什么区别?

桃子1年前 (2023-12-21)阅读数 9#综合百科
文章标签属性样式

$(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

jquery里,$(window)和$(document)有什么区别?

例: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

免责声明:我们致力于保护作者版权,注重分享,当前被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理!邮箱:344225443@qq.com)

图片声明:本站部分配图来自网络。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)