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