jquery层级选择器

Posted 2020-08-04

parent > child

选择所有指定“parent”元素中指定的"child"的直接子元素。

eg:

$("ul > li").css("border","1px solid red");       子元素组合选择器(E > F)它只会选择第一级的后代。

 

ancestor descendant

选择给定的祖先元素的所有后代元素

eg:

$("form input").css("border","1px dotted gray");

 

prev + next

选择所有紧接在 “prev” 元素后的 “next” 元素

eg:

$("label + input").css("color","green").val("ranyc");

 

prev ~ siblings

匹配 “prev” 元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器。

eg:

$("label~input").css("color","gray").val("ranyc");