jQuery选择器

基本选择器

	$('#p') // id选择器
	$('.p') // class选择器
	$('p')  // 元素选择器
	* // 匹配所有元素
	$('p,span') // 任意多个有效选择器 

层级选择器

	$('#div span') // 后代选择器
	$('#div>span') // 子代选择器
	$('#div+span') // 匹配所有紧贴div后的span元素
	$('#div~span') // 匹配所有与div同级的span元素

属性选择器

	$('input[name]') // 匹配所有含有有name属性的input元素
	$('input[type=checkbox]') // 匹配所有type属性为checkbox的input元素
	$('input[type!=checkbox]') // 匹配所有type属性不为checkbox的input元素
	[attribute^=value] // 匹配以value为开头的元素
	[attribute$=value] // 匹配以value为结尾的元素
	$('input[id][name=man]') // 匹配有id且name为man的input元素

筛选器

下标类筛选

	$('ul>li:first') // 获取匹配的第一个元素
	$('ul>li:last') // 获取匹配的最后一个元素
	$('ul>li:even') // 获取匹配li的奇数行,索引为0,2,4... 
	$('ul>li:odd') // 获取匹配li的偶数行,索引为1,3,5... 
	$('ul>li:eq(index)') // 匹配给定索引值的元素
	$('ul>li:gt(index)') // 匹配大于给定索引值的元素
	$('ul>li:lt(index)') // 匹配小于给定索引值的元素

文本类筛选

	$('p:contains(text)') // 匹配所有包含文本text的p元素
	$('p:empty') // 匹配所有不包含子元素或文本的空元素

内容类筛选

	$('div:has(p)') // 匹配所有含有p元素的div元素
	$('input:not(:checked)') // 匹配所有未选中的input元素
	$("ul li:parent") // 匹配所有ul下所有含有子元素或文本的li元素

可见性筛选

	:hidden // 匹配所有不可见元素或type为hidden的元素
	:visible // 匹配所有可见元素

筛选

过滤

	.eq(-index/index) // 返回链式操作中的第n个jQuery对象
	.first() // 获取匹配的第一个元素
	.last() // 获取匹配的最后一个元素
	.hasClass(class) // 检查元素是否含有特定类 返回boolean值
	.filter() // 进一步筛选符合条件的元素 返回jQuery对象
			 //	参数可以为 选择器string jQuery对象 DOM元素 function(index)
	.is() // 检测匹配元素集合 有一个即返回true
	     //	参数可以为 选择器string jQuery对象 DOM元素 function(index)
	.has() // 保留含特定后代的元素 返回jQuery对象
		  // 参数可以为 选择器string DOM元素
	.not() // 从匹配元素的集合中删除与指定表达式匹配的元素
		  // 参数可以为 选择器string DOM元素 function(index)
	.slice(strat,[end]) // 选取一个匹配的子集

查找

	// 以下所有皆返回jQuery对象或它们的集合
	
	.children() // 匹配符合条件的子元素 
				// 参数可以为 string表达式 
	.find() // 进一步查找所有符合条件的后代元素
			// 参数可以为 string表达式
	
	.next() // 匹配紧挨着的下一个同级元素
			// 参数可以为 string表达式	
	.nextAll() // 匹配当前元素之后的所有同级元素
			   // 参数可以为 string表达式
	.nextUntil([exp|ele][,filter]) // 匹配当前元素之后所有同级元素的第一个,如果没有匹配到或未给参数效果和.nextAll()一样
	
	.prev() // 匹配前一个同级元素
	.prevAll() // 匹配当前元素之前的所有同级元素
	.prevUntil() // 匹配当前元素之前所有同级元素的第一个,如果没有匹配到或未给参数效果和.prevAll()一样
	
	.parent() // 匹配唯一父元素
	.parents() // 匹配所有祖先元素
	.parentsUntil() //匹配当前元素之后所有祖先元素的第一个,如果没有匹配到或未给参数效果和..parents()一样
	.siblings() // 匹配元素集合中每一个元素的同辈元素集合 参数用于筛选同辈元素的string
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值