沙滩星空的博客沙滩星空的博客

jquery常用动态文档操作

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
未经允许不得转载:沙滩星空的博客 » jquery常用动态文档操作

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址