复制代码 代码如下:
无标题文档
重置
li1
li2
li3
li4
li5
li6
li7
设置ul1的偶索引子元素的背景颜色｜
设置ul1的奇索引子元素的背景颜色｜
设置ul1的头子元素的背景颜色｜
设置ul1的尾子元素的背景颜色｜
设置所有ul中唯一子元素的背景颜色
1.$(parentselector childtagname:nth-child(...))注-以下简写为:nth-child
描述：获取parentselector选择的元素集合的子元素集合进行索引筛选，如例子中点击anth1后，对id为ul1的元素的li子元素进行偶索引（even）选择（$(#ul1 li:nth-child(even))），even这关键字应该不陌生吧，在第三章中有讲到，若还不清楚的话可先去第三章瞄下再继续^^，当然这里也可以用odd，不过在这里跟第三章有点不同，就是第三章中，索引是从0开始，不过这里的索引要从1开始哦，本人感觉这点设计的不是很好- -!，没有规范，不知道是不是设计的时候疏忽了。此方法还有一个蛮灵活的用法，就像例子中anth2点击事件里，用$(#ul1 li:nth-child(2n+1))的方法完成了类似$(#ul1 li:nth-child(odd))的功能，至于2n+1应该不用我来讲解了吧，初中数学就经常用到了。实在不懂的话跟贴吧- -!。此方法也可以跟上具体的索引比如“2”,不过要记住哦，这里的索引是从1开始滴！！
返回值：array(element);
2.:first-child
描述：获取选择的元素集合的头元素。这里写的简单点，应该看的懂吧，结合例子实在看不懂的话贴吧- -!。
返回值：array(element);
3.:last-child
描述：获取选择的元素集合的尾元素。
返回值：array(element);
4.:only-child
描述：获取无兄弟节点的元素，如例子中，第二个ul元素只有一个li子元素，所以$(ul li:only-child)方法只获取了li7。
返回值：array(element);