jQuery_链式编程/end方法

<!--@description-->
<!--@author beyondx-->
<!--@date Created in 2022/08/02/ 16:16-->
<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>标题</title>
</head>

<body>
  <div>
  </div>

<script src="jquery-1.12.4.js"></script>
<script>
  $(function () {
    //链式编程
    //1.什么时候可以 链式编程?
    //如果给元素调用 一个方法,这个方法有 返回值,并且 返回的是一个 jQuery对象,那就可以 继续 再点出 jQuery方法.
    // console.log($('div').width(100).height(100).css('backgroundColor', 'red'));

    //2.必须是 jQuery对象 才能点出 jQuery方法.
    // $('div').width(100).width().height(100); // 报错了, 因为 数值 不能点出 jQuery方法

    //3.有些时候 我们一个方法 返回的 确实 是一个 jQuery对象
    //但是这个对象又不是我们想要的对象,那这个时候就不要再继续点下去了..
    // 案例见 五角星案例

    //4.end(); //回到上一个状态.
    // 五角星需求1: 实现1
    // $(this).text(solid_star).prevAll().text(solid_star);
    // $(this).nextAll().text(hollow_star);

    // 五角星需求1: 实现2
    // $(this).text(solid_star).prevAll().text(solid_star).end().nextAll().text(hollow_star);

    //5.end()方法他也是 jQuery方法,那他也需要一个 jQuery对象 才能点出了
    // 这里 使用完 width()之后, 返回值是 数值, 所以 .end() 不能用
    // $('div').width(100).width().end().height(100); // 不行

  });
</script>
</body>
</html>