> (大于号)紧跟父子关系 如("div>p")表示选择div下的直接层是p的节点。+(加号)紧跟兄弟关系如("div + p")表示选择div同层的左右相邻的p节点。
~ (波浪线)任意距离兄弟关系 如("div+p")表示选择div同层的p节点。(空格)任意层父子关系如("div p")表示选择div下的p节点(不管中间隔多少层)。
,(逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。
~ (波浪线)任意距离兄弟关系 如("div+p")表示选择div同层的p节点。(空格)任意层父子关系如("div p")表示选择div下的p节点(不管中间隔多少层)。
,(逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。
Sizzle用于jQuery选择器时:
Id(如("#tableid"), 通常唯一) > class(如(".req"), IE不支持用class获取Element,所以会变慢) > Name(如("name=firstname"))>Tag(如("div")) > *(如$("title=case"))
Id(如("#tableid"), 通常唯一) > class(如(".req"), IE不支持用class获取Element,所以会变慢) > Name(如("name=firstname"))>Tag(如("div")) > *(如$("title=case"))
位置函数:
nth-child | eq | gt | lt | first | last | even | odd, 分别表示同父倍选(如li:nth-child(3n+1)表示选li父节点的1,4,7…元素),li:nth-child(odd|even)表示选li父节点的奇偶节点,li:nth-child(3)表示选li父节点的第三个元素,注意,nth-child的起始以1开始,不是其他位置函数的0开始),第几个,第几个后,第几个前,第一个,最后一个,偶数位置(0-index started),奇数位置。
nth-child | eq | gt | lt | first | last | even | odd, 分别表示同父倍选(如li:nth-child(3n+1)表示选li父节点的1,4,7…元素),li:nth-child(odd|even)表示选li父节点的奇偶节点,li:nth-child(3)表示选li父节点的第三个元素,注意,nth-child的起始以1开始,不是其他位置函数的0开始),第几个,第几个后,第几个前,第一个,最后一个,偶数位置(0-index started),奇数位置。
本文转自 dannyy1026 51CTO博客,原文链接:
http://blog.51cto.com/dannyyuan/304513