jq的链式调用

最新推荐文章于 2023-11-14 14:30:00 发布

love-study-lele

最新推荐文章于 2023-11-14 14:30:00 发布

阅读量706

点赞数

分类专栏： jq 文章标签： jq的链式调用

本文链接：https://blog.csdn.net/qq_40639990/article/details/78275898

版权

jq 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

jq的链式调用

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>jQuery的链式调用！！！！！</title>
    <style>
      .back {
        width: 200px;
        height: 200px;
        background: pink;
      }
    </style>
  </head>
  <body>

    <div class="one">111</div>

    <script src="../jquery.min.js" charset="utf-8"></script>
    <script type="text/javascript">

    /*
    链式调用实现：jQuery中的方法每次都返回选择的符合条件的jQuery对象本身。
    */
    // console.log($(".one").addClass("back").css("color", "red").css(["width", "height", "background-color"]));


    //等价于以上代码
    console.log($(".one"));
    console.log($(".one").addClass("back"));
    console.log($(".one").css("color", "red"));
    console.log($(".one").css(["width", "height", "background-color"]));

    </script>

  </body>
</html>

优惠劵

love-study-lele

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq的链式调用

jq的链式调用 jQuery的链式调用！！！！！ .back { width: 200px; height: 200px; background: pink; } 111 /* 链式调用实现：jQuery中的方法每次
复制链接

扫一扫