jquery和javascript有什么區(qū)別

發(fā)布時(shí)間：2021-04-09 15:04:44 來(lái)源：億速云閱讀：163 作者：啵贊欄目：web開(kāi)發(fā)

這篇文章主要介紹“jquery和javascript有什么區(qū)別”，在日常操作中，相信很多人在jquery和javascript有什么區(qū)別問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”jquery和javascript有什么區(qū)別”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

jquery和javascript的區(qū)別：1、js是通過(guò)【<script>】標(biāo)簽插入HTML頁(yè)面，而JQuery是JavaScript函數(shù)庫(kù)；2、js使用getElement系列，而JQuery使用【$()】包裹選擇器。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版，DELL G3電腦。

jquery和javascript的區(qū)別：

一、本質(zhì)上的區(qū)別

1.JavaScript 是通過(guò)<script></script>標(biāo)簽插入到HTML頁(yè)面，可由所有的現(xiàn)代瀏覽器執(zhí)行的一種輕量級(jí)的編程語(yǔ)言。

2.JQuery是一個(gè)JavaScript函數(shù)庫(kù)。或者說(shuō)是JavaScript中最流行的一種框架。

使用JQuery首先要在 HTML 代碼最前面加上對(duì) jQuery 庫(kù)的引用，比如：

<script src="js/jquery.min.js"></script>

庫(kù)文件既可以放在本地，也可以直接使用知名公司的 CDN，好處是這些大公司的 CDN 比較流行，用戶訪問(wèn)你網(wǎng)站之前很可能在訪問(wèn)別的網(wǎng)站時(shí)已經(jīng)緩存在瀏覽器中了，所以能加快網(wǎng)站的打開(kāi)速度。另外一個(gè)好處是顯而易見(jiàn)的，節(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 官方

二、語(yǔ)法上的差異

操作元素節(jié)點(diǎn)

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");　　　　　　　　//是一個(gè)元素
　　document.getElementsByClassName("cls");　　　　//是一個(gè)數(shù)組，即使只有一個(gè)元素，使用時(shí)需要用[0]取到第一個(gè)再使用
　　document.getElementsByName("na");　　　　　　　//是一個(gè)數(shù)組，即使只有一個(gè)元素，使用時(shí)需要用[0]取到第一個(gè)再使用
　　document.getElementsByTagName("li");　　　　　//是一個(gè)數(shù)組，即使只有一個(gè)元素，使用時(shí)需要用[0]取到第一個(gè)再使用
　　document.querySelector("#div");　　　　　　　　//是一個(gè)元素 
　　document.querySelectorAll("#div li");　　　　//是一個(gè)數(shù)組，即使只有一個(gè)元素，使用時(shí)需要用[0]取到第一個(gè)再使用
</script>

b.JQuery使用

大量的選擇器同時(shí)使用$()包裹選擇器

<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對(duì)象都是一個(gè)數(shù)組，即使只有一個(gè)元素被選中,但是在使用時(shí)候不一定需要使用:eq(0)來(lái)拿到這一個(gè)在使用可以直接使用
    $("#first");　　　　　　　　　　　　
    $(".cls");
    $("li type[name='na']");
    $("li");
    $("#div");
    $("#div li");
</script>

到此，關(guān)于“jquery和javascript有什么區(qū)別”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

向AI問(wèn)一下細(xì)節(jié)

jquery和javascript有什么區(qū)別

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽