jQuery - 遍历(二)之 后代

jQuery 遍历,用于根据所要查找的元素相对于其他元素的关系来查找到该元素。

jQuery 提供了一系列的方法来向下遍历 DOM 树,以便查找到所选元素的后代元素(子元素、孙元素等)。

children(selector)

参数 类型 描述
selector String 可选。参数为空则返回所选元素的所有直接子元素,非空则返回所选元素的直接子元素中与选择器匹配的元素;只会向下一级对 DOM 树进行遍历。

代码:




    
    遍历02_后代01_children()
    
    


div(当前元素)

p(子元素) span(孙元素)

p(子元素)

效果演示:

jQuery - 遍历(二)之 后代_第1张图片
children(selector).png

find(selector)

参数 类型 描述
selector String 必选。返回所选元素的所有匹配的后代元素,一路向下直到最后一级后代。

代码:




    
    遍历02_后代02_find()
    
    


div(当前元素)

p(子元素) span(孙元素)

效果演示:

jQuery - 遍历(二)之 后代_第2张图片
find(selector).png

你可能感兴趣的:(jQuery - 遍历(二)之 后代)