获取祖先元素和后代元素

一、获取祖先元素

1、获取直接父级

   语法：


$(selector).parent();//获取元素的直接父级元素




2、获取元素的所有祖先元素


   语法：

$(selector).parents([selector]);//后面加上选择器可以过滤祖先元素


3、获取某个元素到某个元素间的所有父级元素


   语法：

$(selector1).parentsUntil(selector2);//获取从Selector1到Selector2的所有父级元素

二、获取后代元素

1、$(selector).child([selector]);//获取所有后代元素

2、$(selector).find([selector]||["*"])//获取特定的子元素或所有子元素

三、获取同胞元素

1、获取所有的同胞元素


   语法：


$(selector).siblings([selector]);//过滤


2、获取下一些同胞元素


   语法：


$(selector).next();//获取下一个同胞元素
$(selector).nextAll();//获取所有下面的同胞元素
$(selector1).nextUntil(selector2);//获取selector1到selector2之间的同胞元素（不包括selector2）




3、获取上一些同胞元素


 语法：


$(selector).prev();//获取上一个同胞元素
$(selector).prevAll();//获取所有上面的同胞元素
$(selector1).preUntil(selector2);//获取selector1到selector2之间的同胞元素（不包括selector2）

四、过滤

语法：
   $(selector).first();//返回被选元素的第一个元素
   $(selector).last();//返回被选元素的最后一个元素
   $(selector).eq(index)//返回被选元素中对应下标的元素(从0开始)
   $(selector1).filter(selector2)//被选元素要符合selector2
   $(selector1).not(selector2)//被选元素不符合selector2