溫馨提示×

溫馨提示×

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

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

jQuery中鏈接多條動作或方法的示例分析

發(fā)布時間：2022-02-22 10:51:00 來源：億速云 閱讀：93 作者：小新 欄目：開發(fā)技術(shù)

這篇文章主要介紹了jQuery中鏈接多條動作或方法的示例分析，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

jQuery - Chaining
通過 jQuery，您可以把動作/方法鏈接起來。
Chaining 允許我們在一條語句中允許多個 jQuery 方法（在相同的元素上）。

jQuery 方法鏈接
直到現(xiàn)在，我們都是一次寫一條 jQuery 語句（一條接著另一條）。
而鏈接（chaining）允許我們在相同的元素上運行多條 jQuery 命令，一條接著另一條。
這樣的話，瀏覽器就不必多次查找相同的元素。
如需鏈接一個動作，您只需簡單地把該動作追加到之前的動作上。
下面把 css(), slideUp(), and slideDown() 鏈接在一起，您同時也可以添加多個方法調(diào)用：

<!DOCTYPE html>
<html>
<head>
<script src="../jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function() {
    $("button").click(function(){
        $("#p1").css("color","red").slideUp(2000).slideDown(2000);
    });
});
</script>
</head>
<body>
    <p id="p1">jQuery 樂趣十足！</p>
    <button>點擊這里</button>
</body>
</html>

注釋：本實例中 "p1" 元素首先會變?yōu)榧t色，然后向上滑動，然后向下滑動。
提示：當(dāng)進(jìn)行鏈接時，代碼行會變得很差。不過，您可以按照希望的格式折行和縮進(jìn)。
實例：jQuery 在語法上不是很嚴(yán)格；您可以按照希望的格式來寫，包含折行和縮進(jìn)：

<!DOCTYPE html>
<html>
<head>
<script src="../jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function() {
    $("button").click(function(){
        $("#p1").css("color","red")
        .slideUp(2000)
        .slideDown(2000);
    });
});
</script>
</head>
<body>
    <p id="p1">jQuery 樂趣十足！</p>
    <button>點擊這里</button>
</body>
</html>

注釋：jQuery 會拋掉多余的空格，并按照一行長代碼來執(zhí)行上面的代碼行。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“jQuery中鏈接多條動作或方法的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

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

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

AI
助
手