jQ：add()、end()

最新推荐文章于 2021-02-03 07:20:53 发布

&XYZ&

最新推荐文章于 2021-02-03 07:20:53 发布

阅读量300

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/JEFF_luyiduan/article/details/103986530

版权

jquery 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

.add():

集中操作

.end():

回退操作

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>温故而知新</title>
  <style></style>
</head>

<body>
  <div> xyz</div>
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li class="test">7</li>
  </ul>
</body>

<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- <script src="./myjQuery.js"></script> -->
<script>
  /*
    .add():
      集中操作
    .end():
      回退操作
  */
  $("div")
    .add("ul")
      .css({ backgroundColor: '#ff0000' })

  $("ul")
    .css({ color: '#0000ff' })
      .find("li")
       .css({ backgroundColor: "ffff00" })
        .end()
          .css({ color: "#000000" })

</script>

</html>

&XYZ&

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQ：add()、end()

.add():集中操作.end():回退操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc...
复制链接

扫一扫

专栏目录