jQuery 中非常重要的部分,就是操作 DOM 的能力。
jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。
查找父元素和祖先元素
parent的取值就是当前元素的父元素;parents则是当前元素的祖先元素
<div id='div1'>
<div id='div2'><p></p></div>
<div id='div3' class='a'><p></p></div>
<div id='div4'><p></p></div>
</div>
$('p').parent()取到的是div2,div3,div4
$('p').parent('.a')取到的是div3
$('p').parent().parent()取到的是div1,这点比较奇特;不过Jquery对象本身的特点决定了这是可行的
$('p').parents()取到的是div1,div2,div3,div4
$('p').parents('.a')取到的是div3
find()方法和children()方法相似,都是用来查找所选元素的后代元素,但是find()方法能够查找所有后代元素,而children()方法仅能够查找子元素。
$(this).children(".test").css("color", "red");
$(this).find(".test").css("color", "red");
jquery获取父元素及祖先元素 https://www.cnblogs.com/liaojie970/p/6386646.html
查找后代元素 http://www.lvyestudy.com/jquery/jq_10.3.aspx