选择器及选择器方法总结

选择器总结

  1. 基础选择器
	id  	#
	class	.
	标签	div
	`*`		通配符
	群组	#box,p
	css()	一个值的时候是找这个元素的值,两个值的时候是设置样式
			举例 找元素的值:alert($('p').css('color'))
			举例 设置元素的样式: $('#txt').css('color','red');
	size()  返回的元素个数
			举例:alert($('p').size())
  1. 层次选择器
	$('p>span') 子选择器
	$('p span a') 后代选择器
	$('div+p') 同级下一个节点选择器
	$('div~p') 下面所有的同级节点选择器
  1. 过滤选择器
	:first  选中第一个元素
	:last	选中最后一个元素
	:not()	不选中某一个元素
	:even   选中是偶数的元素(从零开始计算,第一个元素是0)
	:odd	选中是奇数的元素
	:eq(数字) 选中相等数字的元素(从零开始计算,第一个元素是0)
	:gt(index)  选中大于数字的元素
	:lt(index)  选中小于数字的元素
  1. 内容过滤选择器
	p:contains('文本')  匹配包含给定文本的元素(找到p标签中包含指定文本内容的p标签)
	p:has('.red')	有没有包含特定属性值的元素
	empty  匹配所有不包含子元素或者文本的空元素
  1. 可见性
	:hidden  匹配所有不可见元素,或者type为hidden的元素
	:visible  匹配所有的可见元素
  1. 属性选择器
  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值