图文详解JavaScript和jQuery的区别-tutorial js-php.cn

图文详解JavaScript和jQuery的区别

yulia

Lepaskan： 2018-10-30 17:13:34

asal

3612 orang telah melayarinya

JavaScript是前端开发在必不可少的一部分，jQuery因为使用方便快捷也被广泛使用，两者都可以实现页面的效果，那你知道JavaScript和jQuery的区别在哪里吗？这篇文章就和大家讲讲JavaScript和jQuery的区别，感兴趣的小伙伴可以参考一下。

一、本质上的区别

JavaScript 是一种解释型脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

JQuery是JavaScript的一个函数库，也可以说是JavaScript的一种框架。

JavaScript代码直接写在标签中

jQuery的代码也写在标签中，但是一定要在HTML代码前引入jQuery库。如下图所示：

二、语法上的区别

JavaScript与jQuery在操作元素节点，属性节点，文本节点，点击事件等方面都有所不同，以下以操作元素节点为例，看看他们有什么不同。

举例1：根据ID名获取标签元素

描述：

在页面中创建两个p标签，并给他们一个class类名和ID名。便于接下来用JavaScript和jQuery对其进行获取。

用JavaScript和jQuery获取ID为first的元素，具体代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p class="pp" id="first">1</p>
<p class="pp">2</p>
</body>
<script type="text/javascript">
var first = $("#first");
var first = document.getElementById("first");
</script>
</html>

Salin selepas log masuk

举例2：根据class获取标签元素

var pp = $(".pp");//返回的是一个jQuery对象，通过pp[i]能取到具体元素
var pp = document.getElementsByClassName("pp");//返回的是元素列表，通过pp[i]能取到具体元素

Salin selepas log masuk

举例3：根据标签名获取标签元素

var p = $("p");//返回的是一个jQuery对象，通过p[i]能取到具体元素
var p = document.getElementsByTagName("p");//返回的是元素列表，通过p[i]能取到具体元素

Salin selepas log masuk

JavaScript和jQuery在语法上还有很多区别，这里不做太多示范，不清楚的小伙伴可以参考PHP中文网的效果文章，或者访问 JavaScript视频教程。

总结JavaScript与jQuery的区别：

1、没有javascript就没有jquery,他们是父子关系
2、jquery是对javascript的一种封装，jQuery比JavaScript更简洁
3、jquery是javascript更简单应用的脚本，在写脚本时，javascript与jquery语法基本兼容

以上给大家介绍了JavaScript与jQuery的区别，希望对你有所帮助！

更多相关教程请访问 JavaScript中文参考手册

Atas ialah kandungan terperinci 图文详解JavaScript和jQuery的区别. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

图文详解JavaScript和jQuery的区别