小編給大家分享一下JavaScript和jQuery的區別有哪些,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
十余年的榕城網站建設經驗,針對設計、前端、開發、售后、文案、推廣等六對一服務,響應快,48小時及時工作處理。全網營銷推廣的優勢是能夠根據用戶設備顯示端的尺寸不同,自動調整榕城建站的顯示方式,使網站能夠適用不同顯示終端,在瀏覽器中調整網站的寬度,無論在任何一種瀏覽器上瀏覽網站,都能展現優雅布局與設計,從而大程度地提升瀏覽體驗。創新互聯建站從事“榕城網站設計”,“榕城網站推廣”以來,每個客戶項目都認真落實執行。
一、本質上的區別
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的區別有哪些的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創新互聯行業資訊頻道!
文章標題:JavaScript和jQuery的區別有哪些
地址分享:http://vcdvsql.cn/article40/jhgheo.html
成都網站建設公司_創新互聯,為您提供搜索引擎優化、微信小程序、電子商務、面包屑導航、外貿網站建設、靜態網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯