一、查找标签
1、基础选择器
标签选择器
$("h2")
id选择器
$("#i1")
类选择器
$(".c1")
选择所有元素
$("*")
组合选择器
$("#i1, h2, .c1")
配合选择器
$("h2.c1")
2、层级选择器
后代选择器
$("form input")
儿子选择器
$("label>input")
毗邻选择器
$("label+input")
弟弟选择器
$("#p2~li")
3、属性选择器
$("form input[type='email']")
4、基本筛选器
:first // 第一个 :last // 最后一个 :eq(index) // 第index个元素 :gt(index) // 大于指定索引元素 :lt(index) // 小于指定索引元素 :odd // 索引为奇数的元素 :even // 索引为偶数的元素 :not(元素选择器) // 不含有该元素选择器 :has(元素选择器) // 含有该元素选择器, 这里指的是该元素选择器的父标签
5、表单筛选器
:text :password :radio :checkbox :file :submit :button :reset
表单对象属性
:disabled :checked :selected
二、筛选器方法
下一个元素
$("#i1").next() $("#i1").nextAll() $("#i1").nextUntil(#i2")
上一个元素
$("li").prev() $('li').prevAll() $('li').prevUntil("#p3")
父亲元素
$("#id").parent() $("#id").parents() $("#id").parentsUntil()
儿子元素
$("#id").children()
兄弟姊妹元素
$("#id").siblings()
查找
$("div").find(".c1")
其它
.first() .last() .not() .has() .eq()
三、样式标签
1、样式操作
addClass() removeClass() hasClass() toggleClass()