jquery-选择器-筛选器

使用基本

用前要先导入js文件

• 使用本地文件方式导入

• 使用在线的文件，用时需联网

1.官网jquery压缩版引用地址:

3.1.1版本:

3.0.0版本:

2.1.4版本:

2.百度压缩版引用地址:

3.微软压缩版引用地址:

选择器

使用格式

$（选择器str）

jquery(选择器)

• id选择器

得到的结果，是类似于数组的东西

数据中保存着所有符合条件的内容（虽然是利用ID来找）

如果要获取其中具体的某一个标签对象

利用： 数组【索引】

可以获得

• 类选择器

• 标签选择器

• 简单的小结

jquery 选择器的用法，关键在于括号内的内容

括号内部， css怎样定位标签，我们就怎么写，就OK了

注意，jquery 的标签选择器的返回结果是一个数组

数组中包裹着各个符合条件的标签对象

（哪怕是通过id精准定位到的内容，得到的也是一个数组对象）

回忆，javascript中通过id找到的标签，就是精准的标签对象了

• 更多的练习

查找装备了c2类的a标签

练习：

注意

“a.c2”

与

“a .c2”

的区别

》找到所有的标签

》组合并集选择器

》标签选择

》类选择

》并集选择

• 层级选择

》儿子选择

• 毗邻选择

选择器小结

用法与css 选择器一模一样

格式

$(css选择器）

筛选器

• 找第一个，找最后一个

选择器中

： first，找第一个

： last， 找最后一个

：eq（下标），在组中找到下标值对应的对象，得到的仍然是jquery对象

• 拿偶数数据 even
  

》所有中的奇数元素

:odd（）

》大于索引的

：gt（索引）

》小于

：lt（索引）

》not，移除不满足条件的

例子，前端

先找到p标签，取p标签中class不为.c2的标签

》has。含有

前端

要找含有a标签的div标签

属性选择器

操作步骤

写一些多选框

利用属性选择器来找到他们，利用name

【属性名 = 属性值】

input选择的简写

$(“input[type=‘text’]”)

等同于

$(":text")

等同于

$(“input:text”)

演练，三种写法

同理，其它的input类型也可以套用上面的写法

:text

:password

:file

:checkbox

:submit

:reset

:button

根据表单对象的属性来选

: enabled，没被禁用的

:disabled， 被禁用的

:checked，选中的

:selected，选中的