JQuery选择器语法

一、什么是选择器语法：

1、就是DOM对象进行定位的条件，比如根据ID定位，根据标签类型名。

2、jquery中只有三种选择器

二、基本选择器：

1、【定位条件】：可以根据ID编号，根据标签类型名，根据标签采用样式选择器

2、【使用】：

1）、$(“#id编号”)： 代替 document.getElementsById(“id)

根据ID编号定位对应的DOM对象。让DOM对象

保存到一个数组中并返回。返回这个数组就是【jquery对象】

2）、$(“.样式选择器名称”)：代替document.getElemenstByClassName(“样式选择器名”);

将使用指定的样式选择器的dom对象保存到同一个数组中并返回。返回这个数组就是【jquery对象】

3）、$(“标签类型名”)；代替document.getElementsByTagName()将所有指定的标签类型关联

的DOM对象保存到同一给数组中并返回，返回的这个数组就是【jquery对象】

4）、$(“*”)：定位浏览器中所有的DOM对象保存到同一个数组中。

5）、$(“条件1,条件2”)：只要DOM对象满足其中的一种条件，就会被定位到数组中相当于

mysql or where sal>=3000 or job=’manger’

三、层级选择器：

1、[定位条件]：可以根据标签之间父子关系定位，可以根据标签之间兄弟关系定位

2、[标签之间关系]

1）、父子关系：就是包含关系

2）、兄弟关系：两个标签拥有相同的父标签，并且彼此之间没有包含关系。

3、【使用】：

1）、$(“定位父标签条件>定位子标签条件”)

定位当前父标签下，所有满足条件的【直接子标签】

2）、$(“定位父标签条件 定位子标签条件”)

定位当前父标签下，所有满足条件的【直接子标签】和【间接子标签】

3）、$(“定位当前标签~定位兄弟标签条件”)：

定位当前标签【后面】，所有满足条件的兄弟标签

4）、$(“定位当前标签+定位兄弟标签条件”)：

定位当前标签【后面与之紧邻的】，所有满足条件的所有兄弟标签

5）、$(“定位当前标签”).siblings(“定位兄弟标签条件”)：

定位当前标签【前面与后面】，所有满足条件的所有兄弟标签