jqeury end()方法

最新推荐文章于 2023-03-16 15:27:10 发布

滑过了流星

最新推荐文章于 2023-03-16 15:27:10 发布

阅读量91

点赞数 1

分类专栏： jquery

本文链接：https://blog.csdn.net/qq_37742572/article/details/86084159

版权

jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

end() 方法结束当前链条中的最近的筛选操作，并将匹配元素集还原为之前的状态。

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="/jquery/jquery.js"></script>
</head>

<body>
  <ul class="first">
     <li class="foo">list item 1</li>
     <li>list item 2</li>
     <li class="bar">list item 3</li>
  </ul>
  <ul class="second">
     <li class="foo">list item 1</li>
     <li>list item 2</li>
     <li class="bar">list item 3</li>
  </ul>
  <script>$('ul.first').find('.foo')
    .css('background-color', 'red')
  .end().find('.bar')
    .css('background-color', 'green')
  .end();</script>
</body>
</html>