小編給大家分享一下JavaScript和jQuery的區別有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
一、本質上的區別
JavaScript 是一種解釋型腳本語言，這門語言可用于 HTML 和 web，更可廣泛用于服務器、PC、筆記本電腦、平板電腦和智能手機等設備。
JQuery是JavaScript的一個函數庫，也可以說是JavaScript的一種框架。
JavaScript代碼直接寫在<script type="text/javascript"></script>標簽中
jQuery的代碼也寫在<script type="text/javascript"></script>標簽中，但是一定要在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>舉例2：根據class獲取標簽元素
var pp = $(".pp");//返回的是一個jQuery對象，通過pp[i]能取到具體元素
var pp = document.getElementsByClassName("pp");//返回的是元素列表，通過pp[i]能取到具體元素舉例3：根據標簽名獲取標簽元素
var p = $("p");//返回的是一個jQuery對象，通過p[i]能取到具體元素
var p = document.getElementsByTagName("p");//返回的是元素列表，通過p[i]能取到具體元素JavaScript和jQuery在語法上還有很多區別，這里不做太多示范，不清楚的小伙伴可以參考億速云的效果文章，或者訪問 JavaScript視頻教程。
總結JavaScript與jQuery的區別：
1、沒有javascript就沒有jquery,他們是父子關系
2、jquery是對javascript的一種封裝，jQuery比JavaScript更簡潔
3、jquery是javascript更簡單應用的腳本，在寫腳本時，javascript與jquery語法基本兼容
以上是JavaScript和jQuery的區別有哪些的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
