JQuery

一：JQuery的DOM操作

1.创建节点

a.创建元素节点

b.创建文本节点

c.创建属性节点

3.插入节点

append()向每个匹配元素的内部追加元素

appendto()将所有匹配的元素追加到指定的元素中。

prepend()向每个匹配元素内部前置内容

prependTo()将所有的匹配元素前置到指定的元素中。

after()在每个匹配的元素后插入内容

insertAfter()将所有匹配的元素插入到指定元素的后面。

before()在匹配的元素之前插入内容

inserBefore()将所有匹配的元素插入到指定的元素的前面

4.删除节点(remove() detach() empty())

remove()作用是从DOM中删除所有的元素，传入的参数根据JQuery表达式来筛选

detach()作用和remove()一致，但是：这个不会吧元素从JQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove不用的是，所有绑定的事件附加的数据都会保留下来。

empty()严格上来讲empty()方法并不是删除节点，而是清空节点，它能清楚元素中的所有后代节点。元素的内容被清空，但元素本身依然存在。

5.复制节点，可以使用clone()方法来完成

clone(true)参数表示克隆之后的元素是否具有绑定行为。

6.替换节点。replaceWith(),replaceAll();两者是互为颠倒的关系；

如果在替换之前已经为元素绑定事件，替换后原乡绑定的事件将会与被替换 的元素一起消失，需要在新元素上重新绑定事件。

7.遍历节点

children()该方法用于取得匹配元素的子元素集合；

next()该方法用于取得匹配元素后面紧邻的同辈元素

prev()该方法用于取得匹配元素前紧邻的同辈元素

siblings()该方法用于取得匹配元素前后所有的同辈元素

closest()该方法用于取得最近的匹配元素。首先检查当前元素是否匹配，如果匹配则直接返回元素本身。如果不匹配向上查找父元素，逐级向上直到找到匹配选择器的元素。如果什么都没找到则返回一个空的JQuery对象。

二：页面载入对象

1.切换事件

2.hover()语法结构hover(enter,leaver):用于模拟鼠标悬停事件。当贯标移动到元素上时，会触发指定的第一个函数（enter）；当光标移除这个元素时，会触发指定的第二个函数（leave）;

3.toggle()语法结构toggle(speed,callback):toggle()方法切换元素的可见状态。如果被选元素可见，则隐藏这些元素，如果被选元素不可见，则显示这些元素。

三：JQuery事件

加载DOM：页面加载完成后，浏览器通过JS为DOM元素添加事件，常规JS代码中使用window.onload方法，而JQuery中使用$(document).ready()方法

JS的onload事件一次只能保存一个函数的引用，它会自动用后面的函数覆盖前面的函数，因此不能再现有的行为上添加新的行为。因此需要创建一个新的方法来实现。

.ready():但是仍然不能解决引用多个JS文件的需求。而JQuery的document.ready()方法能够很好的处理这些情况，每次调用它都会在现有的行为上追加新的行为，这些函数会根据注册的顺序依次执行。

简写：$(function(){编写代码});

绑定事件bind()方法：当文档加载完成后，如果打算为元素绑定事件来完成某些操作，则可以使用bind()方法来匹配元素进行特定事件的绑定。

四JQuery动画

1.显示与 ：$(selector):hide(speed,callback);

$(selector).show(speed,callback);

2.淡入淡出：

$(selector).fadeIn(speed,callback)

$(selector).fadeOut(speed,callback)

$(selector).slideDown(speed,callback)

$(selector).slideUp(speed,callback)

3.自定义动画animate()

$(selector).animate({params},spped,callback);

必需params参数定义形式动画的CSS属性。

可选的speed参数规定效果的时长，它可以取以下值：slow,fast或毫秒

可选的callback参数是动画完成后所执行的函数名称。

4.动画停止与延时：

stop();停止当前的动画

$(selector).stop(stopAll,goToEnd)

delay():对被选元素的所有排队函数（仍未运行设置延迟）

$(slector).delay(speed,queueName)