jQuery选择器

jQuery选择器

1. 基本选择器

$("#id的值")： id选择器，根据id的值获取jQuery对象 ◦
$(".class的值")： class选择器，根据class的值获取jQuery对象 ◦ 
$("标签名称")： 标签选择器，根据标签名称 获取jQuery对象 ◦             			             	      
$("标签名1,标签名2,#id的值"): 多路选择器  ◦ 
$("*"): 匹配所有元素  

2. 层次选择器（前2个是父子关系选择、后2个是兄弟关系选择）

 $("selA selB"): 后代选择器，获取selA中所有selB(子子孙孙)的jQuery对象  ◦ 
 $("selA > selB"): 儿子选择器，获取selA中的子对象selB(儿子对象)的jQuery对象 ◦ 
 $("selA + selB"): 后序第1个兄弟选择器，获取selA后的第1个直接兄弟selB的jQuery对象 ◦ 
 $("selA ~ selB"): 后序所有兄弟选择器，获取selA后的所有兄弟selB的jQuery对象

3. 过滤选择器 ◦

a) 基本过滤选择器 
 $("selA:first"): 获取selA中的第1个jQuery对象 【重点】 
 $("selA:last"): 获取selA中的最后1个jQuery对象 【重点】 
 $("selA:even")： 获取selA中下标(从0开始)是偶数的jQuery对象 
 $("selA:odd")： 获取selA中下标(从0开始)是奇数的jQuery对象 
 $("selA:eq(index)"): 获取selA中下标=指定下标为index的对象 
 $("selA:gt(index)"): 获取selA中下标>指定下标为index的对象  			
 $("selA:lt(index)"): 获取selA中下标<指定下标为index的对象       
 $("selA:not(selB)"): 获取selA中排除掉selB的jq对象 ◦ 
 
b) 内容过滤选择器 
 $(“selA:contains(text)”): 获取selA中文本内容包含text的对象  		
 $("selA:empty"): 获取selA中的空标签对象
 $("selA:parent"): 获取selA中是父标签的jq对象 
 $("selA:has(selB)"): 获取selA中包含selB的jq对象
  
c)可见性过滤选择器 
 $("selA:hidden"): 获取selA中被隐藏的jq对象  
 $("selA:visible"): 获取selA中显示的jq对象 
   
d) 属性过滤选择器 
 $("selA[属性名]")： 获取selA中定义了指定属性名称的jq对象 
 $("selA[属性名=值]")： 获取selA中指定属性名称=指定值 的jq对象  	
 $("selA[属性名!=值]")： 获取selA中指定属性名称!=指定值 的jq对象 
 
e) 表单对象属性过滤选择器 
 $("selA:enabled"): 获取selA中可以使用的jq对象 
 $("selA:disabled"): 获取selA中不可使用(无效)的jq对象 
 $("selA:checked"): 获取selA中所有选中的单选和复选对象 		
 $("selA:selected"): 获取selA中下拉列表中选中的项 
f) 表单选择器 
 $(“input:text”): 获取input对象中的 类型是text的 jq对象 $("input[type=text]")