jQuery(二)DOM增删改，样式操作，文档加载，事件，冒泡，事件对象

jQuery
[1] DOM增删改
> 向父元素中添加子元素
- 父元素.append(子元素)  向父元素的最后插入
- 父元素.prepend(子元素) 向父元素的最前边插入

> 将子元素插入进父元素
-  子元素.appendTo(父元素)
-  子元素.prependTo(父元素)

> 向某节点的前边插入一个兄弟元素
- 后边的对象.before()
- 前边的对象.insertBefore()

> 向某节点的后边插入一个兄弟元素
- 前边的对象.after()
- 后边的对象.insertAfter()

> 替换节点
- 旧节点.replaceWith(新节点)
- 新节点.replaceAll(旧节点)

> 删除当前元素的所有子节点
- 对象.empty()

> 删除当前节点
- 对象.remove()

> 获取元素内部的html代码
- html()
- 如果不传参数，可以获取元素内部的html代码
- 如果传参数，可以设置元素内部的html代码

> 获取元素内部的文本值
- text()
- 如果不传参数，可以获取元素内部的文本值
- 如果传参数，可以设置元素内部的内容
 
[2] 样式操作
①类操作
- addClass() 为元素添加一个或多个类
- removeClass() 删除元素的一个或多个类
- toggleClass() 切换一个或多个类
- hasClass() 判断元素中是否具有某个类，返回一个boolean值

②样式操作
- css()方法
- 如果只传一个样式名时，可以根据样式名获取样式值
- 如果同时传一个名和一个值，可以为元素设置指定的样式
- 如果传一个JS对象，可以同时为一个元素设置多个样式

- height()方法
- 用来获取或者设置元素的高度

- width()方法
- 用来获取或者元素的宽度

- offset()方法
- 获取或设置一个元素的位置
- 获取的位置是元素左上角那个点的坐标。返回值是一个对象
- 对象中有两个属性 top(顶边距) left(左边距)
- 设置元素的位置 offset({
top:值,
left:值
})

③显示隐藏
- hide() 隐藏一个元素
- show() 显示一个元素
- toggle() 切换元素的显示状态
这三个方法可以传一个毫秒数作为参数，来设置动画效果的时间。

[3] 文档加载
①window.onload = function(){};
> 在整个网页完全加载以后才会执行。

②$(function(){});
> 会在当前文档加载完成之后立刻执行。

[4] 事件
①绑定
> 1.使用事件对应的函数
单击：click()
改变: change()
鼠标移动: mouseMove()

> 2. bind(事件字符串,回调函数);

> 3.绑定一个一次性的事件：one();

> 4.为现有以及将要创建所有对象都绑定指定响应函数
live(事件字符串,回调函数);

②解除绑定
> 使用unbind()方法解除事件绑定
> 传一个事件类型 unbind("click") 解除指定事件
> 不传参数，移除当前对象上所有事件

[5] 冒泡
> 事件的冒泡指，当一个元素上绑定的事件被触发，这时它祖先元素上的同类事件也会被触发。
> 冒泡就是事件的向上传到。
> 在jQuery中处理冒泡问题，直接在响应函数中 return false;

[6] 事件对象
> 浏览器在调用响应函数时，会将一个事件对象作为实参传递进方法。
> 事件对象中封装当前事件一些相关的信息（鼠标的坐标，鼠标哪个按键被按下，键盘的按键信息）
> 我们只需要在回调函数中指定一个参数，来接收浏览器发送事件对象
对象.click(function(event){

});
>  注意：火狐中事件对象叫event，而ie中叫window.event
如果希望在两个浏览器直接兼容，在使用event对象之前，加入如下代码：
event = event || window.event