开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第12天，点击查看活动详情

1 jQuery 选择器

jQuery 基础选择器
原生 JS 获取元素方式很多，很杂，而且兼容性情况不一致，因此 jQuery 做了封装，使获取元素统一标准
$("选择器") 里面选择器直接写 CSS 选择器即可，但是要加引号

jQuery 层级选择器

隐式迭代（重要）

遍历内部 DOM 元素（伪数组形式存储）的过程就叫做隐式迭代
通俗来讲就是

给匹配到的所有元素进行循环遍历，执行相应的方法，而不用我们再进行循环，简化操作，方便调用

<ul>
   <li>相同的操作</li>
   <li>相同的操作</li>
   <li>相同的操作</li>
</ul>
<script>
  // 隐式迭代就是把匹配的所有元素内部进行遍历循环，给每一个元素添加css这个方法
  $("ul li").css("color", "red");
</script>

jquery筛选选择器

jQuery 筛选方法（五星重点）

重点记住parent() children() find() siblings() eq()hasClass()

2 jQuery 样式操作

操作css的方法

jQuery 可以使用 css 方法来修改简单元素样式，也可以操作类，修改多个样式

1参数只写属性名，则返回属性值
2参数为（属性名，属性值），是设置一组样式，属性必须加引号，值如果是数字可以不用跟单位和引号
3参数可以是对象形式，方便设置多组样式，大括号包含，类似JSON格式，属性可以不用加引号

$(this).css("color");
$(this).css("color", "red");
$(this).css({ "color":"white", "font-size":"20px"});

设置类样式方法

1添加类
2移除类
3切换类

注意：

类操作与 className 区别
●原生 JS 中 className 会覆盖元素原先里面的类名
●jQuery 里面类操作只是对指定类进行操作，不影响原先的类名

jq的常用api总结