溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“jquery和javascript有什么區別”，在日常操作中，相信很多人在jquery和javascript有什么區別問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”jquery和javascript有什么區別”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
jquery和javascript的區別：1、js是通過【<script>】標簽插入HTML頁面，而JQuery是JavaScript函數庫；2、js使用getElement系列，而JQuery使用【$()】包裹選擇器。
本教程操作環境：windows7系統、javascript1.8.5版，DELL G3電腦。
jquery和javascript的區別：
一、本質上的區別
1.JavaScript 是通過<script></script>標簽插入到HTML頁面，可由所有的現代瀏覽器執行的一種輕量級的編程語言。
2.JQuery是一個JavaScript函數庫。或者說是JavaScript中最流行的一種框架。
使用JQuery首先要在 HTML 代碼最前面加上對 jQuery 庫的引用，比如：
<script src="js/jquery.min.js"></script>
庫文件既可以放在本地，也可以直接使用知名公司的 CDN，好處是這些大公司的 CDN 比較流行，用戶訪問你網站之前很可能在訪問別的網站時已經緩存在瀏覽器中了，所以能加快網站的打開速度。另外一個好處是顯而易見的，節省了網站的流量帶寬。例如：
<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 官方
二、語法上的差異
操作元素節點
a.JavaScript使用
getElement系列、query系列
<body>
<ul>
<li id="first">哈哈</li>
<li class="cls" name ="na">啦啦</li>
<li class="cls">呵呵</li>
<li name ="na">嘿嘿</li>
</ul>
<div id="div">
<ul>
<li class="cls">呵呵</li>
<li>嘿嘿</li>
</ul>
</div>
</body>
<script>
document.getElementById("first"); //是一個元素
document.getElementsByClassName("cls"); //是一個數組，即使只有一個元素，使用時需要用[0]取到第一個再使用
document.getElementsByName("na"); //是一個數組，即使只有一個元素，使用時需要用[0]取到第一個再使用
document.getElementsByTagName("li"); //是一個數組，即使只有一個元素，使用時需要用[0]取到第一個再使用
document.querySelector("#div"); //是一個元素
document.querySelectorAll("#div li"); //是一個數組，即使只有一個元素，使用時需要用[0]取到第一個再使用
</script>b.JQuery使用
大量的選擇器同時使用$()包裹選擇器
<body>
<ul>
<li id="first">哈哈</li>
<li class="cls" name ="na">啦啦</li>
<li class="cls">呵呵</li>
<li name ="na">嘿嘿</li>
</ul>
<div id="div">
<ul>
<li class="cls">呵呵</li>
<li>嘿嘿</li>
</ul>
</div>
</body>
<script src="http://code.jquery.com/jquery-1.6.min.js"></script>
<script>
//使用JQuery取到的是jquery對象都是一個數組，即使只有一個元素被選中,但是在使用時候不一定需要使用:eq(0)來拿到這一個在使用可以直接使用
$("#first");
$(".cls");
$("li type[name='na']");
$("li");
$("#div");
$("#div li");
</script>到此，關于“jquery和javascript有什么區別”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
