javascript是前端開發(fā)在必不可少的一部分,jquery因?yàn)槭褂梅奖憧旖菀脖粡V泛使用,兩者都可以實(shí)現(xiàn)頁面的效果,那你知道javascript和jquery的區(qū)別在哪里嗎?這篇文章就和大家講講javascript和jquery的區(qū)別,感興趣的小伙伴可以參考一下。
一、本質(zhì)上的區(qū)別
JavaScript 是一種解釋型腳本語言,這門語言可用于 HTML 和 web,更可廣泛用于服務(wù)器、PC、筆記本電腦、平板電腦和智能手機(jī)等設(shè)備。
JQuery是JavaScript的一個函數(shù)庫,也可以說是JavaScript的一種框架。
JavaScript代碼直接寫在標(biāo)簽中
立即學(xué)習(xí)“Java免費(fèi)學(xué)習(xí)筆記(深入)”;
jQuery的代碼也寫在標(biāo)簽中,但是一定要在HTML代碼前引入jQuery庫。如下圖所示:
二、語法上的區(qū)別
JavaScript與jQuery在操作元素節(jié)點(diǎn),屬性節(jié)點(diǎn),文本節(jié)點(diǎn),點(diǎn)擊事件等方面都有所不同,以下以操作元素節(jié)點(diǎn)為例,看看他們有什么不同。
舉例1:根據(jù)ID名獲取標(biāo)簽元素
描述:
在頁面中創(chuàng)建兩個p標(biāo)簽,并給他們一個class類名和ID名。便于接下來用JavaScript和jQuery對其進(jìn)行獲取。
用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:根據(jù)class獲取標(biāo)簽元素
var pp = $(".pp");//返回的是一個jQuery對象,通過pp[i]能取到具體元素 var pp = document.getElementsByClassName("pp");//返回的是元素列表,通過pp[i]能取到具體元素
舉例3:根據(jù)標(biāo)簽名獲取標(biāo)簽元素
var p = $("p");//返回的是一個jQuery對象,通過p[i]能取到具體元素 var p = document.getElementsByTagName("p");//返回的是元素列表,通過p[i]能取到具體元素
JavaScript和jQuery在語法上還有很多區(qū)別,這里不做太多示范,不清楚的小伙伴可以參考PHP中文網(wǎng)的效果文章,或者訪問?JavaScript視頻教程。
總結(jié)JavaScript與jQuery的區(qū)別:
1、沒有javascript就沒有jquery,他們是父子關(guān)系
2、jquery是對javascript的一種封裝,jQuery比JavaScript更簡潔
3、jquery是javascript更簡單應(yīng)用的腳本,在寫腳本時(shí),javascript與jquery語法基本兼容
以上給大家介紹了JavaScript與jQuery的區(qū)別,希望對你有所幫助!
更多相關(guān)教程請?jiān)L問 JavaScript中文參考手冊
以上就是圖文詳解JavaScript和jQuery的區(qū)別的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!
java怎么學(xué)習(xí)?java怎么入門?java在哪學(xué)?java怎么學(xué)才快?不用擔(dān)心,這里為大家提供了java速學(xué)教程(入門到精通),有需要的小伙伴保存下載就能學(xué)習(xí)啦!
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://www.miracleart.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號