jq层级选择器

最新推荐文章于 2024-10-05 19:19:05 发布

我的纸飞机啊飞啊飞啊

最新推荐文章于 2024-10-05 19:19:05 发布

阅读量294

点赞数

分类专栏： jq教学

本文链接：https://blog.csdn.net/qq_33530408/article/details/81167045

版权

jq教学专栏收录该内容

12 篇文章 0 订阅

订阅专栏

引入jq文件query-1.12.4.js

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<div id="father">
  <div>11</div>
  <div>22
    <p>111</p>
    <p>222</p>
    <p>333</p>
  </div>
  <div>33</div>
  <div>44</div>
  <div>55</div>
  <p>66</p>
  <p>77</p>
  <p>88</p>
</div>

<script src="jquery-1.12.4.js"></script>
<script>
  $(function () {
    
    //$("s1,s2")// 并集选择器
    //$("s1 s2")// 后代选择器
    //$("s1>s2")// 子代选择器
    
    //$("li.green")
    //$("s1s2") //交集选择器
    
    
    //$("#father>p").css("backgroundColor", "red");
    $("#father p").css("backgroundColor", "red");
  });
</script>

</body>
</html>