JQuery整合

JQuery是一个专门用来动态改变Web页面文档的JavaScript库

$（this）：不要加引号，选择当前元素

$（"div p"）；div元素中的所有p元素

append（）：追加到元素后面

remove（）：从DOM完全删除元素，他的所有子元素也会删除

detach（）：将选择的元素取出来，还会维护这些元素，以后可以重连

parent（）：获取父元素

children（）：获取子元素

prev（）：前一个兄弟元素

next（）：后一个兄弟元素

empty（）：删除一个元素中的内容

$ xxxx：用来存储jquery返回的内容

replaceWith（）：把选择的元素替换成新元素，适合一对一替换

before（）：将新内容插入到选择元素前面

after（）：将新内容插入到选择元素之后

first（）：选择所匹配元素第一个元素，其他的全部过滤掉

last（）：选择所匹配元素最后一个元素，其他的全部过滤掉

eq（）：除了所选元素中索引号内的元素，其他全部过滤掉

slice（）：选择索引内之间的元素，比如$(".xxx").slice(1,3)，他选择的是.xxx[2]的元素

fiter（）：选择括号内指定的匹配元素，其他全部过滤

not（）：过滤掉括号内匹配的所有元素

---

淡入淡出效果

fadeln        fadeOut      fadeTo

滑动效果

slideup      slideDown    slideToggle

animate方法只适用于使用数值设置的css属性，他还能同时改变所选元素的多个属性.

比如：$(".img).animate(“{left：200px}，1000）”，参数还可以配合+=    -=   这些

---

JavaScript定时器方法：

setTimeout（）：一定时间之后运行函数

setInterval（）：函数反复运行，每次重复之前可以设置一个间隔时间

clearInterval（）：函数停止

Jquery定时器：

delay（）：一般用在效果链中，加一个停顿

---

Ajax

这是一些技术的组合，允许更新web页面的一部分，而不需要重新加载整个页面

ajax快捷方法：

$.get

$.getJSON

$.getScript

$.post

$.load

---

处理JSON数据

使用http向服务器发送数据有两种方法：get和post

get：将表单域名和值作为键值对追加到URL的末尾，URL中？后面的数据是可见的

post：同样这么发送，但是编码方式不同，而且URL中的数据对用户不可见

发送数据前先格式化

向服务器发送数据之前（使用ajax），需要将数据序列化。

JQuery提供两个方法：serialize和serializeArray

serialize：把所有表单输入连接起来构成一个键值对组成的串，用&隔开

serializaArray：创建一个键值对关联的数组，这是一个对象，结构比较清晰

向服务器发送数据

jQuery提供了一个快捷方法post