jQuery选择器

1.基础选择器

1.1 ID选择器

     例如，$(“#id”)

1.2 标签名选择器

     例如，$(“div”)可以选取网页中的所有div元素；$(“a”) 可以选择网页中所有的a元素。

1.3 根据元素的CSS类选择

     例如，使用$(“.ClassName”)可以选择网页中所有应用了CSS类（类名为ClassName）的html元素

1.4 选择所有html元素

     使用$(“*”)可以选取网页中所有的html元素

1.5 同时选择多个html元素

     使用$(selector1,selector2,……,selectorN)可以选择多个html元素

2.层次选择器

2.1 ancestordescendant（祖先 后代）选择器

     ancestor descendant 选择器可以选取指定祖先元素的所有指定类型的后代元素。例如，使用 $(“form input”)可以选择表单中的所有input元素。

2.2 parent> child（父 > 子）选择器

     parent > child选择器可以选取指定父元素的所有子元素，子元素必须包含在父元素中。例如，使用$(“form > input”)可以选择表单中的所有input元素。

2.3 prev+ next（前 + 后）选择器

     prev + next选择器可以选取紧接在指定的prev元素后面的next元素。例如，使用$(“labe + input ”)可以选择所有紧接在label元素后面的input元素

2.4 prev~ siblings（前 ~ 兄弟）选择器

     prev ~ siblings选择器可以选取指定的prev元素后面的根据 siblings 过滤的元素。例如，使用 $(“#prev ~ div”) 可以选择所有紧接在id为prev 的元素后面的 div 元素。