【jQuery学习】链式编程

阿大的冰棒

于 2022-11-09 12:35:37 发布

阅读量187

点赞数

文章标签： jquery 学习前端

本文链接：https://blog.csdn.net/qq_53582888/article/details/127767471

版权

将代码像一条链一样连贯起来，让代码变得简洁优雅。

<script>
        $(function(){
            $("button").click(function(){
                $(this).css("background", "blue");
                $(this).siblings().css("background", "");
                //链式
                $(this).css("background", "blue").siblings("background", "");
            })
        })
    </script>

<script>
        $(function(){
            $(".left li").mouseover(function(){
                var index = $(this).index();
                $(".content div").eq(index).show();
                $(".content div").eq(index).siblings().hide();
                // 链式
                $(".content div").eq(index).show().siblings().hide();
            })
        })
    </script>