jquery 层级选择器

关于层级选择器。 $("parent > child") 选择所有指定“parent”元素中指定的“child”的直接子项元素。 parent :任何有效的选择器。 child: 用来筛选子元素的选择器

$(function(){    $("ul.myul > li").css("border","2px solid red");    //将ul带有.myul选择下面的li 标签添加边框。});

$("ancestor descendant") 选择给定的祖先元素的所有后代元素 ancestor:任何有效的选择器； descendant: 一个用来筛选子元素的选择器；

$(function(){   $("form input").css("border","2px solid green")     //将form 内所有的input 标签加上边框 });

$("prev+next") 选择所有紧接着“prev"在元素后面的“next”元素。 prev 任何有效的选择器 next 用于筛选跟在“prev”后面的选择器

$(function(){     $("label + input").css("border","2px solid red")       //将所有紧跟在 label 后面的input 标签加上边框 });

$("prev ~ siblings") 选择任何一个有效选择器以后面的所有兄弟元素。它们具有相同的父元素。 prev 任何有效的选择器 siblings 一个选择器用来过滤第一个选择器之后的兄弟选择器。

$(function(){    $("#prev  ~ div").css("border","2px solid red");    // 将prev 选择器 后面的兄弟div 标签加上边框})