JQuery笔记：JQuery和JavaScript的联系与区别

柔光的暖阳◎ 2022-08-13 07:28 243阅读 0赞

来源：[http://www.ido321.com/1019.html][http_www.ido321.com_1019.html]

ps:LZ觉得这个标题有点大了，超出了能力范围，不喜勿碰。目前只记录LZ能力范围内的，日后持续补充。

一、JQuery对象和DOM对象的相互转化（《锋利的JQuery》）

JQuery转化为DOM：

1、var jq = $(‘\#selector’);   var dom = jq\[index\];

2、var jq1 = $(‘\#selector1’);  var dom1 = jq1.get(index) 或者 var dom1 = jq1.get()\[index\];

DOM转化为JQuery：

假设cr是一个DOM对象，转为JQuery，jqcr = $(‘cr’);

二、JQuery的$(document).ready()和JavaScript的window.onload()的区别（《锋利的JQuery》）

1、执行时机

window.onload必须等待网页中所有资源(包括图片)加载完成后才能执行，而$(document).ready()在所有DOM结构绘制完毕后就执行，但是可能与DOM相关联的资源还没有加载完毕。

2、编写个数

一个文档中，window.onload只有是一个，而$(document).ready()可以有多个

3、简化方法

window.onload没有简写形式，$(document).ready()可以简写为$(function()\{\}).

三、JQuery和JavaScript中访问属性名称的区别（《JQuery实战》）

JQuery规范名称                             DOM规范

cellspacing                                    cellSpacing

class                                                className

colspan                                          colSpan

cssFloat                                         IE中是styleFloat，其他浏览器是cssFloat

float                                               IE中是styleFloat，其他浏览器是cssFloat

for                                                  htmlFor

frameborder                                frameBorder

maxLength                                  maxLength

readonly                                      readOnly

rowspan                                       rowSpan

stylefloat                                      IE中是styleFloat，其他浏览器是cssFloat

tabindex                                       tabIndex

usemap                                         useMap

四、冲突

DOM理论上不会有冲突产生，JQuery防止冲突产生的两种解决方法：（《锋利的JQuery》）

1、JQuery库在其他库之后导入

调用JQuery。noConflict()方法将$控制权给其他库使用，或者自定义快捷方式，$j = JQuery.noConflict();

2、JQuery库在其他库之前导入

直接使用JQuery代替$工作，同时$可以作为其他库的快捷方式。

下一篇：[PHP的MySQL扩展：MySQL数据库概述][PHP_MySQL_MySQL]

[  
][http_www.ido321.com_1019.html]

[http_www.ido321.com_1019.html]: http://www.ido321.com/1019.html
[PHP_MySQL_MySQL]: http://www.ido321.com/1023.html

发表评论取消回复

表情：

评论列表（有 0 条评论，243人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery(function(){})与(function(){})(jQuery)的区别

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 开发jQuery插件时总结的一些经验分享一下。一

以你之姓@/ 2022年10月02日 03:45/ 0 赞/ 178 阅读

相关 JQuery笔记：JQuery和JavaScript的联系与区别

来源：[http://www.ido321.com/1019.html][http_www.ido321.com_1019.html] ps:LZ觉得这个标题有点大了，超出了

柔光的暖阳◎/ 2022年08月13日 07:28/ 0 赞/ 244 阅读

相关 Jquery——Day1（Jquery的风格方式、与Javascript的区别）

首先，我们已经明白，（1）Jquery=Javascript库（JS库）（2）$(function()\{\});===jquery(function()\{\});

悠悠/ 2022年07月12日 11:40/ 0 赞/ 179 阅读

相关 Java和JavaScript区别与联系

Java和JavaScript有啥区别，据说还有很多人不知道，来给大家科普一下两者区别！ ![20190430103843596.JPEG][] Java 和 JavaSc

Love The Way You Lie/ 2022年04月25日 00:52/ 0 赞/ 266 阅读

相关 JavaScript与JQuery页面加载区别

> 传统的方式页面加载会存在覆盖问题，加载比JQuery慢(整个页面加载完毕<包括里面的其它内容，比如图片>) > > JQuery的加载比JS加载要快！(当整个dom

深藏阁楼爱情的钟/ 2022年04月21日 22:20/ 0 赞/ 178 阅读

相关 jQuery和JavaScript的区别

jQuery是JavaScript的程序库之一利用jQuery制作交互特效的语法会相对JavaScript而言更为简单，代码量大大减少了。 jQuery不存在浏览器兼

「爱情、让人受尽委屈。」/ 2022年03月22日 03:44/ 0 赞/ 308 阅读

相关 jQuery与JavaScript与ajax三者的区别与联系

简单总结： 1、JS是一门前端语言。 2、Ajax是一门技术，它提供了异步更新的机制，使用客户端与服务器间交换数据而非整个页面文档，实现页面的局部更新。 3、jQu

约定不等于承诺〃/ 2022年03月16日 04:16/ 0 赞/ 361 阅读

相关 javaScript与jQuery的比较（区别）

一：本质区别 javaScript是通过<script></script>标签插入到html页面中，支持当前所有主流浏览器的轻量级的编程语言。 jQuer

男娘i/ 2022年02月28日 07:48/ 0 赞/ 278 阅读

相关 jQuery与JavaScript与ajax三者的区别与联系

简单总结： 1、JS是一门前端语言。 2、Ajax是一门技术，它提供了异步更新的机制，使用客户端与服务器间交换数据而非整个页面文档，实现页面的局部更新。 3、jQuery

忘是亡心i/ 2022年01月22日 13:51/ 0 赞/ 265 阅读

相关 jQuery、JavaScript与JS三者间的区别

jQuery、JavaScript与JS三者间的区别 JavaScript：是浏览器中一种常见的脚本语言,以此来实现网页的动态以及和后端（数据库）的交互。 jQuery：...

朱雀/ 2020年07月01日 21:31/ 0 赞/ 729 阅读