选择器及选择器方法总结

选择器总结

1. 基础选择器

	id  	#
	class	.
	标签	div
	`*`		通配符
	群组	#box,p
	css()	一个值的时候是找这个元素的值，两个值的时候是设置样式
			举例 找元素的值：alert($('p').css('color'))
			举例 设置元素的样式： $('#txt').css('color','red');
	size()  返回的元素个数
			举例：alert($('p').size())

2. 层次选择器

	$('p>span') 子选择器
	$('p span a') 后代选择器
	$('div+p') 同级下一个节点选择器
	$('div~p') 下面所有的同级节点选择器

3. 过滤选择器

	:first  选中第一个元素
	:last	选中最后一个元素
	:not()	不选中某一个元素
	:even   选中是偶数的元素（从零开始计算,第一个元素是0）
	:odd	选中是奇数的元素
	:eq(数字) 选中相等数字的元素（从零开始计算,第一个元素是0）
	:gt(index)  选中大于数字的元素
	:lt(index)  选中小于数字的元素

4. 内容过滤选择器

	p:contains('文本')  匹配包含给定文本的元素（找到p标签中包含指定文本内容的p标签）
	p:has('.red')	有没有包含特定属性值的元素
	empty  匹配所有不包含子元素或者文本的空元素

5. 可见性

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

6. 属性选择器

	[attrbute]	匹配包含给定属性的元素
	[attribute=value]  匹配input框里属性
	[attribute!=value]  匹配所有不含有指定的属性，或者属性不等于特定值的元素
	[attribute^=value]  匹配给定的属性是以某些值开始的元素
	[attribute$=value]  匹配给定的属性是以某些值结尾的元素
	[attribute*=value]  匹配给定的属性是以包含某些值的元素

7. 表单对象属性

	$('input:checked') 选取所有被选中的元素 
	$("input:disabled")  匹配所有不可用元素
	$("input:enabled")  匹配所有可用元素
	$("select option:selected")  匹配所有选中的option元素

选择器方法总结

	
	find()  	匹配当前元素的后代	==	$('div p')后代选择器  
				注:只要是后代就找
	children()	匹配当前元素的子元素	==	$('div>p')子选择器
				注:children方法只找第一层的子元素,子元素以下不找
	next()		匹配当前元素的下一个同级元素==	$('div+p')下一个同级选择器
	nextAll()	匹配当前元素的下的所有同级元素	==	$('div~p')
	prev()		匹配当前元素的前一个同级元素==  
	prevAll()	匹配当前元素的前的同级元素== 
	siblings()	匹配当前元素的所有同级元素
	first()		选中第一个元素   == $('li:first')
	last()		选中最后一个元素
	not()		不想选中某个元素==$('li:not(.a)')
	eq(数字)	选择当前的元素	
	index() 	返回当前元素下标
	html()		返回当前元素文本内容/修改当前元素文本内容(可以添加标签)
	text()		返回当前元素文本内容/修改当前元素文本内容(不可以添加标签)
	filter() 	筛选出和属性匹配的元素
	attr()		获取属性值/设置属性
	val() 		获取input框里面的值的方法
	append()  	插入节点的方法
	parent()	查找父节点
	parents()	查找祖父节点（父节点以上的所有父节点）