|
父节点：parent() 获得当前匹配元素集合中每个元素的父元素，使用选择器进行筛选是可选的。
实例：查找每个段落的带有 "selected" 类的父元素：
$("p").parent(".selected")
所有父节点：parents() 获得当前匹配元素集合中每个元素的祖先元素，使用选择器进行筛选是可选的。
实例：查找每个 b 元素的所有父元素：
$("b").parents()
所有子节点：children() 方法返回被选元素的所有直接子元素。
实例：找到类名为 "selected" 的所有 div 的子元素，并将其设置为蓝色：
$("div").children(".selected").css("color", "blue");
上一个兄弟节点：prev() 获得匹配元素集合中每个元素紧邻的前一个同胞元素，通过选择器进行筛选是可选的。
实例：检索每个段落，找到类名为 "selected" 的前一个同胞元素：
$("p").prev(".selected")
之前所有的兄弟节点:prevAll() 获得当前匹配元素集合中每个元素的前面的同胞元素，使用选择器进行筛选是可选的。
实例：定位最后一个 div 之前的所有 div，并为它们添加类：
$("div:last").prevAll().addClass("before");
下一个兄弟节点：next() 获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。
实例：查找每个段落的下一个同胞元素，仅选中类名为 "selected" 的段落：
$("p").next(".selected").css("background", "yellow");
之后所有的兄弟节点：nextAll() 获得匹配元素集合中每个元素的所有跟随的同胞元素，由选择器筛选是可选的。
实例：查找第一个 div 之后的所有类名，并为他们添加类名：
$("div:first").nextAll().addClass("after");
所有的兄弟节点：siblings() 获得匹配集合中每个元素的同胞，通过选择器进行筛选是可选的。
实例：查找每个 p 元素的所有类名为 "selected" 的所有同胞元素：
$("p").siblings(".selected")
节点：find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。
实例：搜索所有段落中的后代 span 元素，并将其颜色设置为红色：
$("p").find("span").css('color','red');
1.css获取第几个li方法1.1 css3 : nth-child()选择器实例：规定属于父元素的第二个p的背景色改变p:nth-child(2){ background-color: red;}实例：1.2 css3: nth-of-type(2)选择器p:nth-of-type(2) { background-color:res;}实例：奇偶数...
:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素.
n 可以是数字、关键词或公式。
提示：请参阅 :nth-child() 选择器，该选择器选取父元素的第 N 个子元素，与类型无关。
亲自试一试 - 实例
Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词（第一个子元素的下标是 1）。
在这里，我们为奇数和偶数 p 元...
firstChild：
获取指定元素的第一个子节点 (包括元素节点和文本节点) 。
若父元素与第一个子元素之间存在空白节点，firstChild 获取到的将是空白节点而不是第一个子元素。这时可以使用 firstElementChild 属性 (IE6/7/8 中不支持)。
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8" />
//var liLabel = document.getElementById("li1");
//得到ul(父节点)
//var ulLabel = liLabel.parentNode;
//alert(ulLabel.id);
//获取ul的第一个子节点
//var ul
版权声明：本文为CSDN博主「Strive_18」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/TC_16_zl/article/details/80294284
1、ul与li间有空格， 获取firstChild时先 获取了空格再 获取li。
`<ul id="myList1">
<li&g...
|
