jQuery遍历节点及实例

1.父子关系

1.1. children()方法

遍历查找此元素的所有子元素节点

	
你好
	
你好

1.2. parent()方法

返回包含此元素的唯一父节点的元素集合

	
你好
	
你好

相关方法

1.2.1. parents()方法

返回包含此元素的所有祖先节点

	
你好
	
你好

1.2.2. parentsUntil(‘element’)方法

查找此元素的祖先级元素直到 element 为止,但不包括element

	
你好
	
你好

1.3.find()方法

获取此元素的所有后代,并筛选

	
你好
	

		你好
		
你好
	

1.4.offsetParent()方法

获得用于定位的第一个父元素。如果父元素中没有用于定位,则会返回元素

	

		
你好
		

			你好
			
你好
		
	

1.5.closest()方法

从元素本身开始，逐级向上级元素匹配，并返回最先符合匹配的祖先元素。

	
你好
	

		你好
		
你好
	

1.6.contents()方法

获得匹配元素集合中每个元素的子节点，包括文本和注释节点。

	
你好
	

		你好
		
	

2.同级关系

2.1.next()方法

获得此元素同级的下一个元素

	
你好
	

		你好
		
	

相关方法

2.1.1.nextAll()方法

获得此元素同级的后面的所有元素

	
你好
	你好
	
你好

2.1.2.nextUntil('element)方法

获得此元素同级的后面的所有元素,直到符合匹配为止,但不包括element

	
你好
	你好
	
你好
	
你好

2.2.siblings()方法

获得此元素同级的所有元素

	
你好
	你好
	
你好
	
你好

2.3.prev()方法

获得此元素同级的上一个元素

	
你好
	你好
	
你好
	
你好

相关方法

2.3.1.prevAll()方法

获得此元素同级的前面的所有元素

	
你好
	你好
	
你好

2.3.2.prevUntil('element)方法

获得此元素同级的前面的所有元素,直到符合匹配为止,但不包括element

	
你好
	你好
	
你好
	
你好

3.按条件筛选

3.1.eq()方法

按索引值筛选p元素(索引下标从0开始)

	
你好
	你好
	
你好
	
你好

3.2.first()方法

获取第一个p元素

	
你好
	你好
	
你好
	
你好

3.2.last()方法

获取最后一个p元素

	
你好
	你好
	
你好
	
你好

3.3.filter()方法

获取p标签中符合条件的元素

	
你好
	你好
	
你好
	
你好

3.4.has()方法

查找含包有span元素的div元素

	你好


	
你好

3.5.not()方法

查找不包含有span元素的div元素

	你好


	
你好

3.6.slice(selector,end)方法

选取从selector到end这个范围的p元素,不包含第end个元素

你好
你好
你好

3.7.is()方法

根据选择器、元素或 jQuery 对象来检测匹配元素集合，如果这些元素中至少有一个元素匹配给定的参数，则返回 true。

你好
你好
你好

3.8.end()方法

结束当前链条中的最近的筛选操作，并将匹配元素集还原为之前的状态。

	你好