jquery通过$('.class')获取到class类选择器后，不用循环遍历就能对里面的全部项统一操作

$('.class').css("border", "3px solid red");

$('#id')就是document.getElementById('id')

查找class="last-div"下的第二个a元素

 $('.last-div a:nth-child(2)')

查找class="last-div"下的倒数第二个a元素

$('.last-div a:nth-last-child(2)')

查找所有div属性name=p1的div元素$('div[name=p1]')

查找所有div属性中有属性p2的div元素 $('div[p2]')

查找所有div属性中有属性name的值包含一个连字符“-”的div元素$('div[name="-"]')

查找所有div属性中有属性name的值包含一个连字符“空”和“a”的div元素$('div[name~="a"]')

查找所有div属性中name的值是imooc开头的$('div[name^imooc]')

查找所有div属性中name的值是imooc结尾的$('div[name$=imooc]')

查找所有div属性中name的值包含一个test字的字符串的div元素$('div[name*="text"]')

查找所有div有属性testattr中的值没有包含"true"的div$('div[testattr!="true"]')

隐藏一个元素

1. CSS display的值是none。

2. type="hidden"的表单元素。

3. 宽度和高度都显式设置为0。

4. 一个祖先元素是隐藏的，该元素是不会在页面上显示

5. CSS visibility的值是hidden

6. CSS opacity的指是0

可见元素的宽度或高度，是大于零。
元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。

查找所有class='div'中DOM元素中包含"contains"的元素节点    $(".div:contains(':contains')")

查找所有class='div'中DOM元素中包含"span"的元素节点$(".div:has(span)")

选择所有包含子元素或者文本的a元素   $("a:parent")

找到a元素下面的所有空节点(没有子元素)   $("a:empty")

找到第一个div    $(".div:first")

找到最后一个div   $(".div:last")

从 0 开始计数   偶数  $(".div:even")

从 0 开始计数   奇数  $(".div:odd")

选择单个   $(".arron:eq(2)")

匹配数大于给定的index参数的元素        $(".arron:gt(3)")

匹配数x小于给定的index参数的元素        $(".arron:lt(2)")

所有元去除不匹配给定的选择器的元素 $("input:not(:checked) + p")

$(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。

选择所有div元素里面的子元素P 

$('div > p')

选择所有div元素里面的p元素

$('div p')

选取prev后面的第一个的div兄弟节点

$(".prev + div")

选取prev后面的所有的div兄弟节点

$(".prev ~ div")

$(".class") jQuery在实现上，对于类选择器，如果浏览器支持，jQuery使用JavaScript的原生getElementsByClassName()函数来实现的.

$("#id")

jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取.

var div = document.getElementsByTagName('div'); //dom对象
var $div = $(div); //jQuery对象
var $first = $div.first(); //找到第一个div元素
$first.css('color', 'red'); //给第一个元素设置颜色

通过getElemmentsByTagName获取所有的div节点的元素，是一个dom合集对象，是一个数组合集（3个div合集）。通过$(div)方法转化成jQuery对象，通过调用jQuerry对象中的first与css方法查找第一个元素且改变颜色。

#为ID选择器

.为class选择器

空格为后代选择器

>为子选择器

p：first-child为筛选所有父类下的第一个"p"子元素

:lt(index)为筛选index之前的元素集

层级选择器之间还是有很多相似与不同点

1. 层级选择器都有一个参考节点

2. 后代选择器包含子选择器的选择的内容

3. 一般兄弟选择器包含相邻兄弟选择的内容

4. 相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下

5.  $('div > p')子代选择器

6. $('div p')后代选择器

7. $(".prev + div")相邻兄弟选择器

8. $(".prev ~ div")一般兄弟选择器

var div = document.getElementsByTagName('div'); //dom对象
var $div = $(div); //jQuery对象
var $first = $div.first(); //找到第一个div元素
$first.css('color', 'red'); //给第一个元素设置颜色

通过getElementsByTagName获取到所有div节点的元素，结果是一个dom合集对象，不过这个对象是一个数组合集(3个div元素)。通过$(div)方法转化成jQuery对象，通过调用jQuery对象中的first与css方法查找第一个元素并且改变其颜色。