基本选择器
1、标签选择器:
$("标签名")
eg:
$("p").html() 获取p标签对象,是jquery对象形式的
$("p").length
2、类选择器:
$(".class值")
3、id选择器
$("#id值")
4、并集(或)选择器 逗号,
$(".class值,#id值")
5、交集选择器(同时存在) 连续直接写
$(".class值#id值")
$("p.myStyle") :选中 即是p标签,并且class的值是myStyle
注意:不能出现歧义
错误写法 $(".myStylep").html()
交集选择器 在交接处 只能是.或#开头的选择器
6、全局选择器:选中全部的元素
$("*")
层次选择器(只取后面的那些元素)
相邻选择器: +
$("选择器1+选择器2")
同辈选择器: ~
$("选择器1~选择器2")
后代选择器: 空格
$("选择器1 选择器2")
子代选择器: >
$("选择器>选择器2")
属性选择器 [ … ]
1、$("[属性名]")
$("[class]") :选中全部元素中 有class属性的 元素
2、$("[属性名=属性值]")
$("[class=xxx]")
$("[class='xxx']")
3、$("[class!=a]") 不等于, 包含两种: 有class但值不是a, 没有class
4、$("[class^=a]") class以a开头的元素
5、$("[class $ =a]") class以a结尾的元素
6、 $("[class*=a]") class有a的元素
过滤选择器 :
过滤选择器的一些方法 和其他函数类型,例如 $("ul>li:first")等价于$("ul>li").first()
有些不同,例如, 可以$("ul>li:odd") ;错误$("ul>li").odd();
a.基本过滤选择器(从0开始)
:first:最开头那一个
:last:最后那一个
:even:偶数
:odd:奇数
:eq(index):第index个
:gt(index) : >index的全部元素
:lt(index): <index的全部元素
:not(选择器) :除了...以外
:header:选中所有的标题元素 h1 h2
:focus: 获取当前焦点的元素
可见性选择器
:visible :选中所有可见的元素
:hidden:选中所有隐藏的元素