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)})