jq基础4——选择器

jquery selector

关键字	描述	实例
$("tagname")	元素	$("div")
$("#id")	id	$("#d")
$(".classname")	根据class选择元素	$(".d")
$("selector1 selector2")	层级选择	$("div#d1 span")
$("selector:first")	满足条件的第一个元素	$("div:first")
$("selector:last")	满足条件的最后一个元素	$("div:last")
$("selector:odd")	满足条件的奇数	$("div:odd")
$("selector:even")	满足条件的偶数	$("div:even")
$("selector:hidden")	满足条件的不可见元素	$("div:hidden")
$("selector:visible")	满足条件的可见元素（表示选中可见的div）	$("div:visible")
$("selector :visible")	有空格，表示选中元素下的可见元素	$("div :visible")
$(selector[attribute])	满足条件的有某属性的元素	$("div[id]")
$(selector[attribute=value])	满足选择条件的属性等于value的元素	$("div[id='d1']")
$(selector[attribute!=value])	满足选择条件的属性不等于value的元素	$("div[id!='d1']")
$(selector[attribute^=value])	满足选择条件的属性以value开头的元素	$("div[id^='d']")
$(selector[attribute$=value])	满足选择条件的属性以value结尾的元素	$("div[id$='1']")
$(selector[attribute*=value])	满足选择条件的属性包含value的元素	$(div[id*='d'])
:input	选择所有的输入元素，包括textarea,select,button
:button	选择type=button的input和button元素
:radio	选择单选框
:checkbox	选择复选框
:text	选择文本框，不会选择文本域
:submit	选择提交按钮
:image	选择图片型提交按钮
:reset	选择重置按钮
:enabled	可用的输入元素
:disabled	不可用的输入元素
:selected	被选中的option元素
:checked	被选中的单选框和复选框
$(this)	当前元素