以下的都是参考菜鸟教程的jQuery的选择器。
jQuery选择器 选择器实例选取* $('*') 表示选取所有的实例#id$('#name')id='name'的元素 .class $('.name')class="name"的元素.class,.class$('.name1,.name2‘) class为'name1'或者'name2'的所有元素element$('p')所有<p>元素e1,e2,e3$('h1,div,p')所有的<h1><div><p>元素:first$('p:first')第一个<p>元素:last$('p:last')最后一个<p>元素 :even $('tr:even')所有偶数<tr>元素，索引值从0开始，第一个元素是偶数(0),第二个元素是奇数(1),以此类推:odd$('tr:odd')所有奇数<tr>元素，索引值从0开始，第一个元素是偶数(0),第二个元素是奇数(1)，以此类推:first-child$('p:first-child')属于其父元素或者兄弟元素的第一个子元素的所有<p>元素。注意这个是父元素的子元素中第一个元素是<p>元素的，如果父元素中第一个不是<p>的话，如果我们要给父元素中的第一个<p>元素应用css样式的话，那就起不到效果了。 :first-of-type$('p:first-of-type')选取属于器父元素或者第一个<p>元素，不管父元素的子元素中第一个元素是不是<p>元素，总之，父元素中有<p>元素，而且位于其他<p>元素的第一个。:last-child$('p:last-child')属于其父元素或者兄弟元素的最后一个<p>元素。:last-of-type$('p:last-of-type')选取器父元素最后一个元素，即使最后一个元素不是<p>元素，但是在<p>元素中看，该<p>元素是最后一个元素。:nth-child(n)$('p:nth-chlid(2)')属于其父元素的第二个子元素的所有<p>元素。不管父元素的子元素有没有其他的元素，如果要应用css样式的话，就会应用到父元素中子元素的第二个。如果第2个子元素是<p>元素的话，就应用到这个<p>元素。:ntd-last-child(n)$('p:nth-last-child(2)')属于其父元素第二个子元素中所有<P>元素，从最后一个子元素开始计数。:nth-of-type$('p:nth-of-type')选取属于其父元素的第三个元素的每个p元素:only-child$('p:only-child')属于其度元素的唯一子元素的所有<p>元素parent >child$('div>p')<div>元素的直接子元素的所有<p>元素parent descendant$('div p')<div>元素的后代的所有<p>元素element+next$('div+p')每个<div>元素相邻的下一个<p>元素element~siblings$('div~p')<div>元素同级的所有<p>元素:eq(index)$(ul li:eq(3)')列表中的第四个元素（index值是从0开始计算的）:gt(no)$('ul li:gt(3)')列表中index大于3的元素:not(selector)$('input:not(:empty)')所有不为空的输入元素:header$(':header')所有标题元素:animate$(':animate')所有动画的元素:focus$(':focus')当前具有焦点的元素:contains(text)$(':contains("hello'')‘')所有包含hello的元素:hidden$('p:hidden')所有隐藏的<p>元素:visible$(':visible')所有可见的元素 [attribute]$('[href]')所有带href属性的元素[attribute$=value]$('[href$='.jpg']')所有带href属性且值以'.jpg'结尾的元素[attribute^=value]$('[title^='hello']')所有带title属性且值以hello开头的元素[attribute~=value] $('[title~='hello']') 所有带title属性且值包含单词'hello'元素[attribute*=value] $('[title*='hello']') 所有带title属性且值中包含字符串'hello'的元素:input$(':input')所有的input元素:text$(':text')所有的type='text'的input 元素:password$(":password')所有的type='password的input 元素 剩下的都是关于type属性的jQuery选择器，就不一一细说了。
小结：其中有一些会有时候容易混淆的，就是 :first, :first-child, :first-of-type等类似的。
:first 很明显，$('p:first')指的是p中的第一个元素，没有指明的父元素中子元素的第一个，所以:first实际上就是指p元素中的第一个元素，如果我们想呈现出父元素中的第一个元素的话，也可以这样子，$('div p:first').
:first-child 从英文翻译过来，指的是第一个孩子。这里指的是属于其父元素中的第一个元素。$('p:first-child')这里指的是在父元素的子元素中，第一个p元素，但是如果第一个不是p元素的话，如果有css样式给$('p:first-child')是不能应用到<p>元素的。
:first-of-type 这里与上一个较为相似，但是这里多了一个指定的类型，例如$('p:first-of-type')，指的就是，在p元素的父元素中，要选取父元素中的第一个<p>元素，如果父元素中的第一个子元素是<span>，不是<p>元素，那么我们考虑的是父元素中的第一个<p>元素，就是忽略<span>元素。
