注意事项：

除了input筛选选择器，几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':password') == $('[type=password]')

jQuery选择器之子元素筛选选择器

注意事项：

1. :first只匹配一个单独的元素，但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一个子元素。这相当于:nth-child(1)
2. :last 只匹配一个单独的元素， :last-child 选择器可以匹配多个元素：即，为每个父级元素匹配最后一个子元素
3. 如果子元素只有一个的话，:first-child与:last-child是同一个
4.  :only-child匹配某个元素是父元素中唯一的子元素，就是说当前子元素是父元素中唯一的元素，则匹配
5. jQuery实现:nth-child(n)是严格来自CSS规范，所以n值是“索引”，也就是说，从1开始计数，:nth-child(index)从1开始的，而eq(index)是从0开始的
6. nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算，后者从后往前计算

jQuery选择器之属性筛选选择器

jQuery选择器之可见性筛选选择器

:hidden选择器，不仅仅包含样式是display="none"的元素，还包括隐藏表单、visibility等等

如果元素中占据文档中一定的空间,元素被认为是可见的。
可见元素的宽度或高度，是大于零。
元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。

jQuery选择器之内容筛选选择器

筛选选择器的用法与CSS中的伪元素相似，选择器用冒号“：”开头，通过一个列表，看看基本筛选器的描述

eg:

 //选中所有紧接着没有checked属性的input元素后的p元素，赋予颜色

        $("input:not(:checked)+p").css("background-color", "#CD00CD");

jQuery选择器之层级选择器

 文档中的所有的节点之间都是有这样或者那样的关系。我们可以把节点之间的关系可以用传统的家族关系来描述，可以把文档树当作一个家谱，那么节点与节点直接就会存在父子，兄弟，祖孙的关系了。

选择器中的层级选择器就是用来处理这种关系

子元素 后代元素 兄弟元素 相邻元素

$('prev~siblings')/一般兄弟选择器：

eg: $('.prev~div').css("border", "3px groove blue");//会让.prev后所有同一个爸爸的div边框为蓝，但是.prev后的<span>不会变,因为.prev的标签名是<span>;如果相同类名还是会变

jQuery除了选择上的简单，而且没有再次使用循环处理

不难想到$(".imooc").css()方法内部肯定是带了一个隐式的循环处理，所以使用jQuery选择节点，不仅仅只是选择上的简单，同时还增加很多关联的便利操作

id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的

如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象

通过

jQuery是一个类数组对象，而DOM对象就是一个单独的DOM元素

通过jQuery自带的get()方法

jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点，get方法中提供一个元素的索引：

var $div = $('div') //jQuery对象
var div = $div.get(0) //通过get方法，转化成DOM对象
div.style.color = 'red' //操作dom对象的属性

var $div = $('div') //jQuery对象
var div = $div[0] //转化成DOM对象
div.style.color = 'red' //操作dom对象的属性

<script type="text/javascript" src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>

我们把DOM可以看作一个对象，那么我们往对象上是可以存在基本类型，引用类型的数据的，但是这里会引发一个问题，可能会存在循环引用的内存泄漏风险

样式的优先级：

css的样式是有优先级的，当外部样式、内部样式和内联样式同一样式规则同时应用于同一个元素的时候，优先级如下

外部样式 < 内部样式 < 内联样式

通过.css方法设置的样式属性优先级要高于.addClass方法

43行function函数注意

自我理解：$('input:eq(2)')取到的是一个数组，然后将这个数组按他们的原来排序情况结合你索引后形成的新数组位置，组成一个新的数组，i是新数组的索引号。例如：数组1,2,3,4,5，查询eq(2)的值为3，这个3就形成了一个新数组，在新数组中索引值为0；数组1,2,3,4,5中，查询eq(4),eq(2),eq(0),形成的新数组为：1,3，5（即使查询过程中打乱了顺序，但它实际返回的还是按原来的顺序），此时eq(2)的索引在新数组中为1，返回的i就是1

$('input:eq(2)')取到的是一个合集，即一个数组，i表示的是这个数组的下标索引值，而val表示attr(‘value’，value）这个函数你选择的那个属性的值。

这个我刚才试了一下，这个i的值应该是$('input:eq(2)')中input:eq(2)的索引值。但是！如果你把其他元素一并放进来的话，像$('input:eq(2)，input:eq(1),input:eq(3),input:eq(0)')这样，就算你乱它们的本来顺序，返回的i也是按他们实际的索引号来排的。再但是！上面是4个都引用了，如果你只添加一部分，像$('input:eq(2)，input:eq(1),input:eq(3)')这样，情况有又不一样了，返回的值是这三个按实际的排序方式下的新数组的索引号。

总结起来就是，返回i的这个索引号，是按他们实际排序的情况，结合你所查找的元素，新生成另一个数组（就是$(按实际索引排序的新数组--就算打乱顺序查找也不会影响排序)），这个新数组的索引号就是i