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 标签加上边框
})

转载于:https://www.cnblogs.com/nmxs/p/4881750.html