## **parent：查找离他最近的真正父节点** ``` console.log($('.bbb').parent());//.u3 .u4 .u5 console.log($('.bbb').parent('.parents'));//u5 //html <div class="test"> <ul class="parent u1"> <li> <ul class="parent u2"> <li class="aaa">asdasd</li> </ul> </li> <li> <ul class="parent u3"> <li class="bbb">asdasd</li> </ul> </li> <li> <ul class="parent u4"> <li class="bbb">asdasd</li> </ul> </li> <li> <ul class="parents u5"> <li class="bbb">asdasd</li> </ul> </li> </ul> </div> ``` ## **parents：查找所有父节点包括html** ``` console.log($('.bbb').parents());//所有父级点包括html console.log($('.bbb').parents('.parent'));//ul.parent.u4 ul.parent.u3 ul.parent.u1 console.log($('.bbb').parents('.test'));//div.test //html <div class="test"> <ul class="parent u1"> <li class="item l1"> <ul class="parent u2"> <li class="aaa">asdasd</li> </ul> </li> <li class="item l2"> <ul class="parent u3"> <li class="bbb">asdasd</li> </ul> </li> <li class="item l3"> <ul class="parent u4"> <li class="bbb">asdasd</li> </ul> </li> <li class="item l4"> <ul class="parents u5"> <li class="bbb">asdasd</li> </ul> </li> </ul> </div> ``` ## **offsetParent**:匹配一个最近的含有position设为relative或者absolute的父节点 ## **parentsUntil("要排除的父节点")** 匹配所有父节点？并排除选择器指定的那个父节点