Jquery的加载方法
(1)$(document).ready(function(){})
(2)$(function(){})
特点：对原生Js进行封装后，执行顺序在原生Js前，执行速度更快。
获取元素
| 选择器 | 参数 |
|---|---|
| id选择器 | $(“#id”) |
| class类选择器 | $(“.class”) |
| 层级选择器 | $(“选择器1 选择器2”) |
| 属性选择器 | $(“选择器[key=value]”) |
操作样式和属性
1.样式：
获取：元素.css()
修改：元素.css({key:value})
2.属性：
获取：元素.prop()
修改：元素.prop({key:value})
3.内容：
获取：元素.html()
修改：元素.html(内容)
选择集和过滤器
1.元素.has(选择器1)：元素中含有选择器1的元素
2.元素.not(选择器2)：元素中不含选择器2的元素
3.元素.eq(index)：获取元素中索引值为index的元素
选择集转移
| 参数 | 描述 |
|---|---|
| 元素.prev() | 获取上一个元素 |
| 元素.prevall() | 获取上面所有元素 |
| 元素.next() | 获取下一个元素 |
| 元素.nextall() | 获取下面所有元素 |
| 元素.parent() | 获取父元素 |
| 元素.children() | 获取子元素 |
| 元素.siblings() | 获取兄弟元素 |
| 元素.find() | 获取指定元素 |
绑定常用事件
| 参数 | 事件 |
|---|---|
| click() | 点击元素时触发的事件 |
| mouseover() | 鼠标进入元素时触发的事件(子元素也触发) |
| mouseout() | 鼠标离开元素时出发的事件(子元素也触发) |
| mouseenter() | 鼠标进入元素时触发的事件(子元素不触发) |
| mouseleave() | 鼠标离开元素时触发的事件(子元素不触发) |
| hover() | mouseenter+mouseleave |
| blur() | 失去焦点时触发 |
| focus() | 获得焦点时触发 |
| submit() | 表单提交时触发(返回值为false无法提交表单) |
操作样式类名
1.增加样式类：元素.addClass()
2.移出样式类：元素.removeClass()
3.切改样式类：元素.toggleClass()