一 jQuery简单选择器及其拓展

简单选择器定义为元素、类、id、属性选择器,这些选择器的杂糅会有想象不到的特效,值得学习。

1. 元素选择器

2. Class选择器

3. ID选择器

[拓展]多级(组合)选择器

  1. 亲子选择器
    > #divId中Id值为”divChildId”的第一任后代.

  1. 儿孙选择器
    > div中所有标签为a的后代

  1. 相邻兄弟选择器
    > 选择第一个且相邻名字叫b的弟弟(不能向上选择)

  1. 一般兄弟选择器
    > 选择所有名字叫做b的弟弟(不能向上选择)

4. 属性选择器(选择器乘法)

在这里会出现选择器乘法,比较难缠

  • 基础

  • 只包含 |

  • 连字符 ~

  • 开始、结尾、至少 ^ $ *

++简单选择器END++

二 复杂选择器

伪类选择器,或者说是筛选选择器

1. 坐标(索引)筛选器

  • 最初 first

  • 最后 last

  • 奇偶 even(偶数)、odd(奇数)

  • 比较 gt(>)、eq(=)、lt(<)

  • 取反 not

  • 其他 lang、root、animated

2. 内容筛选选择器

  • 包含 contain

  • 包含 has

  • 空包 empty

  • 非空 parent

3. 子元素选择器

  • 长子 first-child

  • 幼子 last-child

  • 独子 only-child

  • 正序子 nth-child()

  • 倒序子 nth-child()

三 特殊选择器

1. 表单选择器

  • 略,TODO

2. this选择器

js中this指向当前对象,一般是DOM,而jquery的this选择器将js的this转换成jquery对象,调用jquery对象方法.

Hello world!
文章已创建 200

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章

开始在上面输入您的搜索词,然后按回车进行搜索。按ESC取消。

返回顶部