持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第6天，点击查看活动详情
jQuery基础选择器
$("选择器") // 里面选择器直接写css选择器，但是得加引号，就可获取到
jQuery层级选择器
名称:子代选择器
用法:$("ul>li")
描述:使用>号，获取亲儿子层级的元素，并不会获取孙子层级的元素
名称:后代选择器
用法: $("ul li")
使用空格，获取ul下的所有li元素，包括孙子
jQuery隐式迭代
<div>盒子1</div>
<div>盒子2</div>
<div>盒子3</div>
<div>盒子4</div>
若想要获取四个div元素
console.log($("div"));
如果要进行操作，把div'的背景颜色设置为黑色，jquery对象不能用style修改样式 使用jQuery设置样式
$("div").css("属性"，"值")
因此由上面的例子
$("div").css("background","black")
隐式迭代就是把匹配的所有元素内部进行遍历循环，给每一个元素添加css这个方法
$("ul li").css("color","red")
由此，我们对一些元素做一些相同的操作，给匹配到的所有元素进行循环遍历，执行相应的方法，而我们不用在进行循环，简化我们操作，方便调用
遍历内部DOM元素(伪数组形式存储)的过程叫隐式迭代
jQuery筛选选择器
jQuery筛选方法，获取父级
$(function(){
// 1. 父，由此parent()返回的是最近一级的父级元素
console.log($(".son").parent());
})
// 2.子
// 2.1.亲儿子 children() 子代选择器 ul>li
$(".nav").children("p").css("color"，"black");
2.2.可以选里面所有的儿子，包括儿子和孙子 find()
$(".nav").find("p").css("color"，"red");
jQuery其他筛选方法
<ol>
<li>你好</li>
<li class="item">你好</li>
<li>你好</li>
</ol>
//要选出来除了item里的兄弟元素
1.兄弟元素siblings 除了自身元素之外的所有亲兄弟
$("ol.item").siblings("li").css("color"，"black");
2.第n个元素
2.(1) 可以利用选择器的方式选择
$("ul li:eq(2)").css("color"，"blue");
2.(2)可以利用选择方法的方式选择
$("ul li").eq(2).css("color"，"blue")
