jQuery在CSS中获取选择器（示例说明）
在开始编写之前，请检查元素和节点之间的区别。元素是W3C文档对象模型（DOM）中使用最广泛的节点之一。
元素具有与之相关联的属性。
XmlElement.Attributes类访问其属性的方法很多（getAttribute，setAttribute，removeattribute，GetAttributeNode，等）。
还可以使用属性属性返回支持名称或序列号访问的XML属性集。
所以，从XmlElement.Attributes类的解释，知道XmlNode和XmlElement类之间的差异很容易：
类是一个只有XmlElement.Attributes属性节点，和XmlNode不仅性能也是一个子节点的节点。
所以，我们在使用它们，如果你需要或innerText或innerxml设置节点，那么你需要使用XmlNode；如果你需要获取或设置节点本身的特性（参数）时，您需要使用XmlElement，当然，你也可以使用XmlNode（xmlelement）转换。
以下开始
在Javaｓｃｒｉｐｔ中，除了捡起ID的选择器之外，其他的也不是很好。jQuery比这个好得多，提供了很多方法来获得它。
1。基本选择器（包括标记选择器、id选择器、类选择器、通用选择器、组选择器）
$（#分）就会将ID的元素
$（ ）来获取所有元素
$（。bgred ）得到的CSS类作为bgred元素
$（*）获取页面的所有元素
$（#分，，。bgred ）获得三选择满足条件
2。Hierarchy selectors (including subelement selectors, descendants element selectors, next to peer element selectors, adjacent peer element selectors)
2.1的孩子选择> ===============儿子选择元素
复制代码代码如下所示：
项目1
项目2
嵌套项目1nested 2nested项目3项
项目3
这是官方代码，可以用作下面的用法
2.2直接后代选择器与空间，不仅包括儿子也包括孙子..... ===============…选择子元素
复制代码代码如下所示：
外形被绿色的轮廓包围着。
孩子：
Grandchild：
兄弟姐妹的形成：
2.3个相邻同胞选择器所有符合条件的可以选择将主要选择元素后===============选择指定元素的下一个元素的元素等于平行
复制代码代码如下所示：
名称：
通讯：
2.4相邻兄弟===============选择指定元素的选择所有指定的同行不能指定几个元素，元素
复制代码代码如下所示：
Div（不匹配之后，沪指#）
跨#沪指
DIV的兄弟姐妹
兄弟姐妹
跨兄弟（非div）
DIV的兄弟姐妹
3、表单选择器主要选择表单，时间应该注意$（输入），注意引号中的冒号，您可以选择$（：：按钮）之类的类型，但是引入更多。
4。基本过滤器主要包括
名称
解释
举一个例子
：第一
匹配第一个元素
查找表的第一行：$（：）
：最后的
匹配所找到的最后一个元素。
查找表的最后一行：$（最后）
不（选择器）
删除与给定选择器匹配的所有元素
查找所有未选中的输入元素：$（）输入：不（（检查））
：即使
将所有元素与偶数个索引值匹配，从0计算
找到1, 3, 5个…表的行数：$（偶数）
：奇
匹配所有奇数的元素，从0计数。
查找表的2, 4行和6行：$（奇数）
情商（指数）
匹配给定索引值的元素。
注意：索引从0开始计数。
寻找第二行：$（）：EQ（1））
gt（指数）
匹配大于给定索引值的所有元素
注意：索引从0开始计数。
查找第二个第三行，即索引是1和2，大于0：$（ gt（0））
LT（指数）
选择集中索引小于n的元素
注意：索引从0开始计数。
查找第一行第二行，即索引值为0和1，小于2：$（：LT（2））。
：头
选择所有的头标记，如H1、H2和P.
将背景颜色添加到页面中的所有标题：$（：头）。Css（背景
：动画
匹配所有执行动画效果的元素。
只对不执行动画效果的元素执行动画效果：
$（#运行）。Click（function（）{）
$（）：不（（：动画））。动画（{左：）+ = 20，}，1000）；
}）；
5。内容筛选器（主节点的子节点是文本节点）
名称
解释
举一个例子
包含（文本）
匹配包含给定文本的元素
找到所有的DIV元素包含约翰：$（div：包含（约翰））
：空
匹配不包含子元素或文本的所有空元素。
找到所有空元素不包含子元素或文本：$（TD：空）
有（选择器）
匹配包含选择器匹配的元素的元素。
添加一个文本类的所有div元素含P元素：$（div：有（P）），AddClass（测试）；
：父母
匹配包含子元素或文本元素
查找包含子元素或文本的所有元素：$（TD TD：父）
6。可见性过滤器
：隐藏
：可见
7。属性过滤器属性过滤器
名称
解释
举一个例子
{属性}
匹配包含给定属性的元素
用id属性查找所有div元素：
$（）
{属性值}
匹配给定属性是特定值的一个元素。
查找所有名称属性都是时事通讯的输入元素：
$（输入{名称= 'newsletter}）。Attr（查看
{属性！=价值}
匹配给定属性是不包含特定值的元素。
查找不是时事通讯的输入元素的所有名称属性：
$（）输入名称！= 'newsletter}）。Attr（查看
{属性=值}
匹配给定属性是一个以一定值开始的元素。
$（输入名称^ =新闻{ }）
{属性=值}
匹配给定属性是以一定值结束的元素。
找到所有的输入端with'letter'for所有元素名称：
$（输入{名称= 'letter}）
{属性}值}
匹配给定属性是包含一些值的元素。
找到所有的输入元素的名称contains'man：
$（输入{姓名* =男人的}）
{ attributefilter1 } { } { } attributefilter2 attributefiltern
复合属性选择器，在满足多个条件时需要同时使用。
查找所有ID属性，其名称属性将以人结尾：
$（输入{id} {名称=男人的}）
8。子元素过滤子滤波器
名称
解释
举一个例子
第n个子（索引）
在其父元素下匹配n个子或奇数或偶数元素
'：情商（指数）的比赛只有一个元素，而这将为每个parent.nth-child配子元从1开始，和情商（）是从0！
可以使用：
n个子（偶数）
n个子（奇数）
nth-child（3N）
第n个子（2）
nth-child（3n + 1）
nth-child（3n + 2）
找到第二个：在每一个UL
$（）：第n个子（2））
：第一个孩子
匹配第一个子元素
第一只匹配一个元素，这个选择器将匹配每个父元素的子元素。
查找第一个李：在每个UL
美元（UL：第一个孩子）
：最后一个孩子
匹配最后一个子元素
最后一个只匹配一个元素，这个选择器将匹配每个父元素的子元素。
找到最后一个：每个UL
美元（最后一个孩子）
：唯一的孩子
如果一个元素是父元素中唯一的子元素，那么它将匹配。
如果父元素包含其他元素，则它将不匹配。
查找李：在UL是唯一的子元素
美元（UL：独生子女）