JQuery|青训营笔记

40 阅读2分钟

jQuery实现:javaScript同一个class必需有多个时必须创建多个对象,需要给后面加数组而jQuery只需要创建一个。

子元素选择器 ("parent > child")****

选择所有指定“parent”元素中指定的"child"的直接子元素

选择器之属性选择器(一)****

属性选择器有很多操作方式(6个)

Attribute Selector [name="value"] 语句中input后面不能有空格 ****

双引号不能嵌套双引号,单引号也一样 选择指定属性是给定值的元素

attribute: 属性

Selector: 选择器

name: 选中的属性

value: 属性值

 ## 选择器之jQuery扩展(一)****

:eq(index) Selector****

在匹配的集合中选择索引值为index的元素。

温馨提示

index下标计算是从0开始的

:even Selector****

选择所引值为偶数的元素

特别注意

这是基于0的索引,所以:even选择器是选择第一个元素,第三个元素,依此类推在匹配。

:odd Selector****

选择索引值为奇数元素

特别注意

这是基于0的索引,所以:odd选择器是选择第二个元素,第四个元素,依此类推在匹配。

选择指定属性值等于给定字符串或以该字符串为前缀(该字符串后跟一个连字符“-” )的元素

:last Selector****

选择最后一个匹配的元素

:gt(index) Selector****

选择匹配集合中所有大于给定index(索引值)的元素。 必须为大于,等于不生效****

:lt(index) Selector****

选择匹配集合中所有索引值小于给定index参数的元素 必须为小于,等于不生效****

DOM操作(一)****

addClass()****

给元素添加class,值得注意的是这个方法不会替换一个样式类名。它只是简单的添加一个样式类名到元素上

$("p").addClass("myClass");

也可以同时添加多个class

$("p").addClass("myClass1 myClass2");

先用js添加类名

如果本来就有class,下面还添加了一个class,会将上面的class覆盖