标签：过滤 注意 使用 document 输入参数 find 基本选择器 混淆 思想
#### jQuery的四种选择器
jQ选择器与css选择器本质上相差不大，但是在使用容易混淆格式或属性
##### 1.基础选择器
$(‘#id名‘)
$(‘.类名‘)
$(‘.类名1 .类名2‘)
$(‘标签名.类名‘)
##### 2.层级选择器
###### 1.子代：> children
$(‘基础选择器1>基础选择器2‘)//,代表选中1的子代2
###### 2.后代： 空格
$(‘基础选择器1 基础选择器2‘)//空格，代表选中所有1的后代2
###### 两者还可以通过下标来选中元素
$(‘基础选择器1 基础选择器2‘)[2]//注意是下标，这里代表第三个元素2
##### 3.过滤选择器
eq匹配一个给定索引值的元素
###### 1.原生方法
通过$(‘:nth-child(n)‘) //这里的n不是下标，直接代表第几个
###### 2.jQ方法
同过$(‘:eq(n)‘)//这里的n代表的下标，当前元素 = 第（n-1）个，从0开始计数
同时jQ方法还可以通过奇偶数批量选择元素
$(‘eg:odd‘)
$(‘eg:even‘)
##### 4.筛选选择器
括号的参数参数除了基础选择器之外还可以用过滤选择器eq，比如：
$("#box").children("div:eq(n)")
###### 1. .children()
不输入参数是全选，输入参数可以选择指定的元素，
###### 2. .find()
传入参数*可以找到所有的后代元素
也可以获得指定的后代元素
###### 3. .siblings()
获得所有兄弟元素，除了自己，在实际的使用中可以结合排他思想，比如选用sibilings方法设置其他元素，然后设置自己，大幅节约代码
传入参数可以获得指定的兄弟元素
###### 4. .prev()/.next()
获得上一个或下一个兄弟元素
###### 5. .prevAll()/.nextAll()
获得前方或者后方的所有兄弟元素
###### 6. .parent()/.parents()
.parent() 这个方法用来获得所有父级元素
.parents() 在加了s后表示获取所有上级元素，一直到document
这里联系一下parentNode和parentElement，他们主要区别是，前者最高可以读取到Document，而parentElement只能读取到html
标签：过滤 注意 使用 document 输入参数 find 基本选择器 混淆 思想
原文地址：https://www.cnblogs.com/Code-Is-Fun/p/14713971.html
