对比分析：JavaScript与jQuery的优缺点及应用实例

发表时间: 2020-05-02 09:14

一、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.onload=function(){    Func1();    Func2();    Func3();    .....}

实例代码（页面加载完成后，立即显示文本内容）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>选择器对比</title></head><body><div id="con"></div><script type="text/javascript">window.onload=function(){    document.getElementById('con').innerHTML='显示文本测试';}</script></body></html>

(2)jQuery

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

$(document).ready(function(){   // 开始写 jQuery 代码... });

简洁写法：

$(function(){   // 开始写 jQuery 代码...});

实例代码（页面DOM完全就绪后，立即显示文本内容）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><script src="http://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script><title>选择器对比</title></head><body><div id="con"></div><script>$(function(){   $('#con').html('显示文本测试');});</script></body></html>

对比分析：JavaScript与jQuery的优缺点及应用实例

二、对比

热门阅读

推荐阅读