淺談JS和jQuery的區(qū)別
一、本質(zhì)上的區(qū)別
1.JavaScript 是通過標(biāo)簽插入到HTML頁面,可由所有的現(xiàn)代瀏覽器執(zhí)行的一種輕量級的編程語言。
2.JQuery是一個JavaScript函數(shù)庫?;蛘哒f是JavaScript。
使用JQuery首先要在 HTML 代碼最前面加上對 jQuery 庫的引用,比如:
庫文件既可以放在本地,也可以直接使用知名公司的 CDN,好處是這些大公司的 CDN 比較流行,用戶訪問你網(wǎng)站之前很可能在訪問別的網(wǎng)站時已經(jīng)緩存在瀏覽器中了,所以能加快網(wǎng)站的打開速度。另外一個好處是顯而易見的,節(jié)省了網(wǎng)站的流量帶寬。
例如:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> //Google 或者: <script src="http://code.jquery.com/jquery-1.6.min.js"></script> //jQuery 官方
JavaScript是網(wǎng)頁編程語言,而jQuery是一個基于js編寫的框架;
jquery就是基于JavaScript語言寫出來的一個框架,實質(zhì)上還是js而已
So:
- 1.jQuery 是一個 JavaScript 庫;
- 2.jQuery 極大地簡化了 JavaScript 編程;
- 3.jQuery 使JavaScript更好用;
- 4.jquery就是要用更少的代碼,漂亮的完成更多的功能;
一些方法對比:
⑴使用JavaScript和jQuery分別加載DOM
JavaScript只會執(zhí)行一次,而jQuery會執(zhí)行多次
⑵使用JavaScript和jQuery獲取ID
JavaScript:
document.getElementById(‘idName')
JQuery:
$('#idName')
⑶使用JavaScript和jQuery獲取class
JavaScript沒有默認的獲取class的方法
JQuery:
$('.className')
使用jQuery最大的好處是少量的代碼做更多的事情,與JavaScript相比,jQuery的語法更加簡單。
舉個簡單的栗子:獲取元素的值
Javascript代碼 document.getElementById(‘elementid').value 使用jQuery: Jquery代碼 $(‘#elementid').val();

以上所述是小編給大家介紹的JS和jQuery的區(qū)別詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
javaScript復(fù)制功能調(diào)用實現(xiàn)方案
說到使用js實現(xiàn)點擊復(fù)制的功能,我下面想說的方法也是和網(wǎng)上的大同小異的。js實現(xiàn)是很簡單,最難的是兼容問題,畢竟用IE以外的人還是有很多的2012-12-12
script標(biāo)簽屬性用type還是language
本文介紹了javascript腳本中標(biāo)簽屬性type與language的區(qū)別分析,有需要的小伙伴可以參考下2015-01-01
javascript學(xué)習(xí)筆記(三)顯示當(dāng)時時間的代碼
主要是為了熟悉javascript中在date對象,大家可以看下。2011-04-04
javascript history對象(歷史記錄)使用方法(實現(xiàn)瀏覽器前進后退)
本文主要介紹了window.history對象使用方法2014-01-01

