jq 层级选择器

来源:互联网 发布:iphone软件排行 编辑:程序博客网 时间:2024/05/18 20:31
<div class="all">    <div class="td">这个还没内容</div>    <p>今天很冷</p>    <p>明天不知道</p>    <p>希望不冷也不热</p>    <div>真的吗</div>    <div>很冷     <h2>         <div>我是隐藏的div</div>     </h2>    </div></div><div>很冷</div><p>ha</p>
 $("body p").css("color","red");//后代选择器 body后面的所有p元素

这里写图片描述

$("body>p").css("color","red"); //子选择器 body的子元素p

这里写图片描述

这个还没内容

我是开始

今天很冷

明天不知道

希望不冷也不热

真的吗
很冷

我是隐藏的div

很冷

ha

$(".start+p").css("color","red"); //选取紧跟在.start后面的p

这里写图片描述

$(".start~p").css("color","red");//选取.start之后的所有p元素。

这里写图片描述

原创粉丝点击