Jquery

1、jQuery选择器

基本语法：$(选择器).action();
选择器指使用不同的方式来查找节点，action代表对查找到的节点所进行的操作。

1）全选选择器

	$('*') 选择所有元素

2）标签选择器

	$('input') 选择所有<input>标签

3）ID选择器

	$('#btn') 选择id为btn的元素

4）类选择器

	$('.btn') 选择所有class属性值为btn的元素

5）群组选择器

	$(selector1,selector2) // 两个选择器使用逗号隔开 

	取并集

6）后代选择器

	$(selector1 selector2) 获取某个元素的子代和孙子带等后代元素

7）子代选择器

	$(selector1>selector2) 获取某个元素的直接子元素

2、jQuery过滤器

语法： selector:filter

基本过滤器：
selector:first 		   获取所有已选择到的元素中的第一个元素
selector:last 		   获取所有已选择到的元素中的最后一个元素
selector:even 		   获取所有已选择到的元素中的索引为偶数元素
selector:odd 		   获取所有已选择到的元素中的索引为奇数元素
selector:eq(index) 	获取所有已选择到的元素中的索引为index的元素
selector:lt(num)	  获取所有已选择到的元素中的索引值小于num的元素
selector:gt(num)	  获取所有已选择到的元素中的索引值大于num的元素
selector:not(selector)	获取所有已选择到的元素中的除了selector2的元素
selector :header	  标题h1~h6	获取所有已选择到的元素中的标题元素

内容过滤器：
selector:contains(text);	获取所有已选择到的元素中文本包含text的元素,包括后代节点中
selector:empty				获取所有已选择到的元素中空元素（没有子节点）
selector:parent				获取所有已选择到的元素中非空元素（有子节点）
selector:has(selector2)		获取所有已选择到的元素中包含selector2元素的元素

可见性过滤器：
selector:visible 选择所有占据屏幕空间的元素
selector:hidden 选择所有不占据屏幕空间的元素

看不到的元素：
1.type=hidden  不占据屏幕空间
2.透明度为0 	占据屏幕空间

属性过滤器
语法：selector[属性过滤器]
selector[attrKey]		获取所有已选择到的元素中具有属性attrKey的元素

selector[attrKey=attrVal]	获取所有已选择到的元素中具有属性attrKey，并且属性值为attrVal的元素

selector[attrKey^=attrVal]	获取所有已选择到的元素中具有属性attrKey，并且属性值为以attrVal开头的元素

selector[attrKey$=attrVal]	获取所有已选择到的元素中具有属性attrKey，并且属性值为以attrVal结尾的元素

selector[attrKey*=attrVal]	获取所有已选择到的元素中具有属性attrKey，并且属性值为包含attrVal的元素

selector[attrKey!=attrVal]	获取所有已选择到的元素中具有属性attrKey，并且属性值不为attrVal的元素或者没有属性attrKey的元素

selector[attrKey1][attrKey2]
获取所有已选择到的元素中同属具有属性attrKey1和attrKey2的元素

后代选择器
选择器一定要先选择到后代元素，是对选择到的后代元素的过滤,【注意】空格与>的区别
	selector1 selector2:nth-child(index)	获取每个selector元素中索引为index的子元素【注意】index从1开始

	selector1 selector2:first-child		获取每个selector元素中第一个子元素（每个父元素的第一个子元素）
		注意与selector1 selector2:first的区别，
		获取所有selector元素的子元素中的第一个（只有一个）

	selector1 selector2:last-child	获取每个selector元素中第最后一个子元素（每个父元素的最后一个子元素）
	selector :only-child		获取每个selector元素中独生子子元素（每个父元素如果只有一个孩子元素，获取该元素）
	selector :first-of-type		获取每个selector元素中每种类型子元素中的第一个
	selector:last-of-type		获取每个selector元素中每种类型子元素中的最后一个

表单过滤器
form :enabled 
	选取所有可用元素
	该选择器仅可用于选择支持disabled属性（attribute）的HTML元素(<button>, <input>, <optgroup>, <option>, <select>, 和 <textarea>)。
form :disabled
    	选取所有不可用的元素该选择器也是仅可用于支持disabled属性的HTML元素
form :checked
    	选取所有被选中的元素，用于复选框和单选框,下拉框
form :selected
    	选取所有被选中的选项元素，该选择器只适用于<option>元素
form :focus
    	选择当前获取焦点的元素。
form :input
   		选取所有的<input><textarea><select><button>元素
   		$("form :input")
   		$('form input')
form :text
		选取所有的单行文本框（<input type="text">）password
form :password
  		选取所有的密码框
form :radio
  		选取所有的单选框
form :checkbox
  		选取所有的多选框
form :submit
  		选取所有的提交按钮
form :image
  		选取所有input类型为image的表单元素
form :reset
  		选取所有input类型为reset的表单元素
form :button
  		选取所有input类型为button的表单元素
form :file
  		选取所有input类型为file的表单元素