jQuery选择器

jQuery选择器
定义：一个有特殊语法规则的字符串
分类
 基本选择器(最基本最常用的选择器)#id，$(#xxx).css('background','red')
element，.class,*，selector1,selector2,selectorN(并集选择器)；selectorselecctor2selectorN(交集选择器)
 层次选择器(查找子元素，后代元素，兄弟元素的选择器)** ancestor descendant，parent>child,prev+next,prev~siblings**

//所有
$('xx xx')
//所有子元素
$('xx>xx')
//紧接的下一个
$('xx+xx')
//xx下class为xx的元素后面所有的兄弟元素
$('xx .xx~*')

 过滤选择器(在原有选择器匹配的元素中进一步进行过滤的选择器)基本，内容，可见性，属性

//选中第一个
$('xx:first')
//选中最后一个
$('xx:last')
//class不为xx的div
$('div:not(.xx)')
//选中第二三个xx :gt大于 :lt小于
$('xx:gt(0):lt(2)')
$('xx:lt(3):gt(0)')
//内容为xxx的li
$('li:contains("xxx")')
//隐藏的li
$('li:hidden').length,$('li:hidden')[0]
//有title的xx
$('li[title]')
//title为hello的xx
$('li[title="hello"]')

 表单选择器
表单，表单对象属性

//不可用的文本输入框
$(': input:disabled')
//爱好的个数
$(: xx:checked).length
//选择城市的名称
$(':submit').click(function(){
var city =$('select>option:selected').html()//选择option的标签体文本
city = $('select').val()//选择option的value属性值
alert(city)
})