jQuery之选择器

基本选择器

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:选中所有隐藏的元素
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值