溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

jQuery的示例分析

發(fā)布時(shí)間：2022-02-22 09:52:56 來源：億速云 閱讀：171 作者：小新 欄目：開發(fā)技術(shù)

這篇文章主要為大家展示了“jQuery的示例分析”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“jQuery的示例分析”這篇文章吧。

jQuery 簡(jiǎn)介
jQuery 是一個(gè) JavaScript 庫(kù)。jQuery 極大地簡(jiǎn)化了 JavaScript 編程。
jQuery 是一個(gè)“寫的更少，但做的更多”的輕量級(jí) JavaScript 庫(kù)。

<!DOCTYPE html>
<html>
<head>
<script src="../jquery/jquery-1.11.1.min.js"></script>
<script>
    $(document).ready(function(){
        $("p").click(function(){
            $(this).hide();
        });
    });
</script>
</head>
<body>
    <p>如果您點(diǎn)擊我，我會(huì)消失。</p>
    <p>點(diǎn)擊我，我會(huì)消失。</p>
    <p>也要點(diǎn)擊我哦。</p>
</body>
</html>


jQuery 庫(kù)
jQuery 庫(kù)可以通過一行簡(jiǎn)單的標(biāo)記被添加到網(wǎng)頁(yè)中。
jQuery 是一個(gè) JavaScript 函數(shù)庫(kù)。jQuery 庫(kù)包含以下特性：
    HTML 元素選取
    HTML 元素操作
    CSS 操作
    HTML 事件函數(shù)
    JavaScript 特效和動(dòng)畫
    HTML DOM 遍歷和修改
    AJAX
    Utilities

向您的頁(yè)面添加 jQuery 庫(kù)
jQuery 庫(kù)位于一個(gè) JavaScript 文件中，其中包含了所有的 jQuery 函數(shù)。
可以通過下面的標(biāo)記把 jQuery 添加到網(wǎng)頁(yè)中：

<head>
    <script type="text/javascript" src="jquery.js"></script>
</head>

提示：請(qǐng)注意，<script> 標(biāo)簽應(yīng)該位于頁(yè)面的 <head> 部分。

基礎(chǔ) jQuery 實(shí)例

<html>
<head>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("button").click(function(){
            $("p").hide();
        });
    });
</script>
</head>
<body>
    <h3>This is a heading</h3>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    <button type="button">Click me</button>
</body>
</html>

注釋：演示了 jQuery 的 hide() 函數(shù)，隱藏了 HTML 文檔中所有的 <p> 元素。

下載 jQuery
共有兩個(gè)版本的 jQuery 可供下載：一份是精簡(jiǎn)過的，另一份是未壓縮的（供調(diào)試或閱讀）。
這兩個(gè)版本都可從 jQuery.com 下載，也可以直接加載網(wǎng)上提供的公用 CDN jQuery 核心文件。
例如，使用 Google 的 CDN 或 Microsoft 的 CDN：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>

以上是“jQuery的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

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

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手