Jquery 节点选择器

发表日期：2015-10-31 文章编辑：南昌开优网络浏览次数：4256 标签：jQuery应用

1、多条件选择器
$(p,div,input.abc) 选择所有p,div以及classname="abc"的input对象

2、层次选择器

				Java代码  
			
				$("ol li") 选择ol对象下所有的li对象（包括子对象以及子对象的子对象）   
			
				$("ol > li") 选择ol下直接的li对象、即子对象的子对象不会被选择

3、属性过滤器

				Java代码  
			
				$("div[id]") 选择有ID属性的DIV元素   
			
				$("div[name=test]")  选择name为test的div元素(效果可以做到与原生的getElementsByName效果)   
			
				$("div[name!=test]")  选择name不为test的div元素

4、表单对象选择器

				Java代码  
			
				$("#form1:enabled") 选择id为form1的表单内所有启用的   
			
				$("#form1:disabled") 选择id为form1的表单内所有禁用的   
			
				$("input:checked") 选择所有选中的元素（还可以是radio,checkbox）   
			
				$("select:selected") 选择所有选中的元色素

5、元素选择器

				Java代码  
			
				next 获取同级节点的下一个节点 ,可使用过滤器、下同   
			
				nextAll 获取之后的所有同级元素   
			
				siblings 获取所有同级元素   
			
				parent  获取父级元素

6、过滤器

				Java代码  
			
				:first 选取第一个元素    $("span:first") 选择第一个span元素   
			
				:last 选取最后一个元素   同first   
			
				:not 选择不满足选择器条件的元素  $("input:not(.css)") 选择class属性不是css的input元素    
			
				:even   
			
				:odd   
			
				选取索引是奇数、偶数的元素   
			
				$("input:even") 选择索引是奇数的input元素   
			
				:eq 、 :gt 、 :lt   
			
				选取索引等于（eq）大于（gt）小于（lt）的元素   
			
				$("input:gt(2)") 选择索引大于2的input元素

返回列表

上一篇：类似Google个性首页的页面自定义拖拽... 下一篇：jQuery鼠标悬停图片放大效果