国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁 > web前端 > js教程 > 正文

圖文詳解JavaScript和jQuery的區(qū)別

yulia
發(fā)布: 2018-10-30 17:13:34
原創(chuàng)
4184人瀏覽過

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庫。如下圖所示:

b1.jpg

二、語法上的區(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>
登錄后復(fù)制

舉例2:根據(jù)class獲取標(biāo)簽元素

var pp = $(".pp");//返回的是一個jQuery對象,通過pp[i]能取到具體元素
var pp = document.getElementsByClassName("pp");//返回的是元素列表,通過pp[i]能取到具體元素
登錄后復(fù)制

舉例3:根據(jù)標(biāo)簽名獲取標(biāo)簽元素

var p = $("p");//返回的是一個jQuery對象,通過p[i]能取到具體元素
var p = document.getElementsByTagName("p");//返回的是元素列表,通過p[i]能取到具體元素
登錄后復(fù)制

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é)教程(入門到精通)
java速學(xué)教程(入門到精通)

java怎么學(xué)習(xí)?java怎么入門?java在哪學(xué)?java怎么學(xué)才快?不用擔(dān)心,這里為大家提供了java速學(xué)教程(入門到精通),有需要的小伙伴保存下載就能學(xué)習(xí)啦!

下載
相關(guān)標(biāo)簽:
來源:php中文網(wǎng)
本文內(nèi)容由網(wǎng)友自發(fā)貢獻(xiàn),版權(quán)歸原作者所有,本站不承擔(dān)相應(yīng)法律責(zé)任。如您發(fā)現(xiàn)有涉嫌抄襲侵權(quán)的內(nèi)容,請聯(lián)系admin@php.cn
最新問題
開源免費(fèi)商場系統(tǒng)廣告
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
關(guān)于我們 免責(zé)申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng):公益在線php培訓(xùn),幫助PHP學(xué)習(xí)者快速成長!
關(guān)注服務(wù)號 技術(shù)交流群
PHP中文網(wǎng)訂閱號
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時(shí)隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://www.miracleart.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號