12：jquery查找

1：children() 获取子元素的

//children expr 可以作为简单过滤器 是一个选择器
$("ul>li").children(".box");//获取所有的子集元素
$("ul>li");//获取直接子集

2：find() 查找

$(".menu>li");
$(".menu li");
$(".menu").find();//无结果
$(".menu").find(".box");//expr
$(".menu").find($(".box"));//jquery对象
$(".menu").find($(".box").get(0));//原生js 对象

3：next() nextAll()

$(".menu").find(".box").next();//输出当前匹配元素的下一个
$(".menu").find(".box").nextAll();//输出当前匹配元素之后的所有元素
//两者方法的参数问题
$(".menu").find(".box").next(".fli");
$(".menu").find(".box").nextAll(".fli");
//类似于在后边的所有元素里进行过滤或筛选
//nextUntil类似nextAll

4：父级元素获取

//offsetParent() 该方法返回父元素是定位的
$(".childmenu").offsetParent();//找到第一个被定位的父节点
//parent parents
$(".childmenu").parent();//获取的是直接父元素
//下面这个参数expr 表达式可以进行过滤
$(".childmenu").parents(".menu");

5：prev() prevAll()

$(".box").prev();//获取同级元素的前一个
$(".box").prevAll();//获取同级元素前面的所有
//prevAll同样可以过滤
$(".box").prevAll("p");

6：siblings() 同胞兄弟元素匹配

console.log($(".box").siblings());//不带参数 指获取所有的同胞兄弟
//expr
//用来过滤元素使用
$(".box").siblings("p");
$(".box").siblings(".fli");
$(".box").siblings("#li2");//表达式不限形式
$(".box").siblings(".menu>li:nth-of-type(1)");