jQuer鏈式呼叫的簡單實現

在 jQuery 中，我們可以採用鏈式呼叫的方式來簡化操作。其中，鏈式呼叫一般針對的是同一個 jQuery 物件。

舉例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("div").mouseover(function(){
                $(this).css("color", "red");
            });
            $("div").mouseout(function () {
                $(this).css("color", "black");
            })
        })
    </script>
</head>
<body>
    <div>C語言中文網</div>
</body>
</html>

預覽效果如圖 1 所示。

圖 1：鏈式呼叫