JQ学习之路（二）---------- JQuery选择器和过滤

一。简介

JQuery选择器完全继承了CSS和path语言的风格，可以通过标签名、属性名等方式来定位到页面DOM节点。

CSS选择器用来为元素节点添加层叠样式， JQ选择器用来为元素节点添加行为事件。

JQ支持所有CSS选择器（从1到3）。

二。基本选择器：

$("#id")   $(".class")    $("element")     $("*")     $("selector1,selector2,,,,,selectorN")

三。层次选择器（最重要最常用）

层次选择器通过页面DOM节点中的层级关系来定位到特定的DOM节点。

层级选择器                         功能                                                                                                                返回值

$("ancestor descendant") 根据祖先元素sncestor 匹配所有的后代descendant元素                                 元素集合

$("parent > child")           选取parent元素下所有的child元素。注意：孙子及孙子下的                            元素集合

                                          所有元素都不会命中

$("prev + next")             选择prev元素后面紧跟的next兄弟元素                                                                元素集合

$("prev ~ siblings")       匹配prev元素后面所有的siblings兄弟元素                                                           元素集合

三。过滤选择器

this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。
$(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。

四。表单选择器