2020-08-19

JavaScript和jQuery的对比和简单应用
一、JS和jQuery的对比
JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。它是 Web 的编程语言。当前的 HTML 页面都使用 JavaScript。

jQuery是一个快速、简洁的JavaScript框架，设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情，极大地简化了 JavaScript 编程，优化HTML文档操作、事件处理、动画设计和Ajax交互。

二、对比
1、关于引号

在js中单引号和双引号都是一样的，平时使用的时候尽量用单引号，只有碰到嵌套的时候才会同时用两种引号。即外面是单引号的时候里面就要用双引号，外面是双引号的时候里面就要用单引号，总之不能同时用双引号或者是单引号；

2、选择器

JavaScript:

document.getElementById(“intro”);
jQuery:

$("#intro")
3、文档就绪事件：

(1)JavaScript

window.onload() 方法用于在网页加载完毕后立刻执行的操作，即当 HTML 文档加载完毕后，立刻执行某个方法。

window.οnlοad=function(){
Func1();
Func2();
Func3();
…
}
实例代码（页面加载完成后，立即显示文本内容）：

(2)jQuery

为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。

$(document).ready(function(){
// 开始写 jQuery 代码…
});
简洁写法：

$(function(){
// 开始写 jQuery 代码…
});
实例代码（页面DOM完全就绪后，立即显示文本内容）：