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;
}

实例：奇偶数

//odd:奇数1.3 css3奇数偶数

//even: 偶数

2.js获取节点元素

2.1    父节点：parentNode 属性以 Node 对象的形式返回指定节点的父节点。

          实例：返回 <li> 元素的 parentNode（父节点）：

document.getElementById("item1").parentNode;

2.2    子节点：childNodes 属性返回节点的子节点集合，以 NodeList 对象。

          实例：获得 body 元素的子节点集合：

document.body.childNodes;

2.3    第一个子节点：firstChild 属性返回指定节点的首个子节点，以 Node 对象。

         实例：返回文档的首个子节点：

document.firstChild;

2.4    最后一个子节点：lastChild 属性返回指定节点的最后一个子节点，以 Node 对象。

         实例：返回列表中的最后一个子节点：

document.getElementById("myList").lastChild;

2.5    上一个兄弟节点：previousSibling 属性返回同一树层级中指定节点的前一个节点。

         实例：返回列表项的 previousSibling（前一个同胞节点）：

document.getElementById("item2").previousSibling;

2.6   下一个兄弟节点：nextSibling 属性返回指定节点之后紧跟的节点，在相同的树层级中。

         实例：返回列表项的下一个同胞：

document.getElementById("item1").nextSibling;

3.jq获取节点元素

父节点：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');