学习小笔记---jquery（部分）
attr()
html()
text()
addClass()
css()
removeAtrr()
removeClass()
append()
appendTo() 可以向指定的元素内插入内容 $(content).appendTo(selector)
before() $(selector).before(content)
after() 表示在整个元素的前面和后面插入指定的元素或内容 $(selector).after(content)
clone() 复制了一个被选元素，包含它的节点、文本和属性 $(selector).clone()
replaceWith() $(selector).replaceWith(content)
replaceAll() 替换元素或元素中的内容 $(content).replaceAll(selector)
wrap() 进行元素的包裹,于包裹元素本身 $(selector).wrap(wrapper)
wrapInner() 包裹元素中的内容 $(selector).wrapInner(wrapper)
each() 遍历指定的元素集合，在遍历时，通过回调函数返回遍历元素的序列号 $(selector).each(function(index))
remove() 删除所选元素本身和子元素，该方法可以通过添加过滤参数指定需要删除的某些元素
empty() 只删除所选元素的子元素
ready() 只要页面的DOM结构加载后便触发。可以写多个，按顺序执行 $(document).ready(function(){})等价于$(function(){});
onLoad() 必须在页面全部元素加载成功才触发
bind() 绑定元素的事件非常方便，绑定前，需要知道被绑定的元素名，绑定的事件名称，事件中执行的函数内容就可以
hover() 当鼠标移到所选元素上时，执行方法中的第一个函数，鼠标移出时，执行方法中的第二个函数，实现事件的切实效果
toggle() 在元素的click事件中绑定两个或两个以上的函数，同时，它还可以实现元素的隐藏与显示的切换
unbind() 移除元素已绑定的事件 $(selector).unbind(event,fun)
one() 可以绑定元素任何有效的事件，但这种方法绑定的事件只会触发一次 $(selector).one(event,[data],fun)
trigger() 可以直接手动触发元素指定的事件，这些事件可以是元素自带事件，也可以是自定义的事件，总之，该事件必须能执行
focus() 在元素获取焦点时触发
blur() 在元素丢失焦点时触发
change() 当一个元素的值发生变化时，将会触发change事件
live() 可以绑定元素的可执行事件，除此相同功能之外，live()方法还可以绑定动态元素，即使用代码添加的元素事件
show() 用于显示或隐藏页面中的元素 $(selector).hide(speed,[callback])
hide() $(selector).show(speed,[callback])
动态效果：+speed (fast/slow)
show() hide()
如果在这些方法中增加“speed”参数可以实现动画效果的显示与隐藏，同时，如果添加了方法的回调函数，它将在显示或隐藏执行成功后被调用
toggle()
如果元素处于显示状态，调用该方法则隐藏该元素，反之，则显示该元素
slideUp() slideDown()
在页面中滑动元素，前者用于向上滑动元素，后者用于向下滑动元素 $(selector).slideUp(speed,[callback])
要注意的是：slideDown()仅适用于被隐藏的元素；slideup()则相反
slideToggle()
实现图片“变脸”效果
fadeIn() fadeOut()
实现元素的淡入淡出效果，前者淡入隐藏的元素，后者可以淡出可见的元素
fadeTo()
将所选择元素的不透明度以淡入淡出的效果调整为指定的值 $(selector).fadeTo(speed,opacity,[callback])
animate()
可以创建自定义动画效果 $(selector).animate({params},speed,[callback])
还能制作移动位置的动画，在移动位置之前，必须将被移元素的“position”属性值设为“absolute”或“relative”
stop()
在动画完成之前，停止当前正在执行的动画效果，这些效果包括滑动、淡入淡出和自定义的动画 $(selector).stop([clearQueue],[goToEnd])
参数clearQueue和goToEnd都是布尔类型值，前者表示是否停止正在执行的动画，后者表示是否完成正在执行的动画，默认为false
delay()
设置一个延时值来推迟动画效果的执行 $(selector).delay(duration)
参数duration为延时值，它的单位是毫秒，当超过延时值时，动画继续执行
ajax:
GET:
var request = new XMLHttpRequest();
request.open("GET","service.php?number="+number);
request.send();
request.onreadystatechange = function(){
if(request.readyState === 4){
if(request.status === 200){
}else{
alert("error"+request.status);
}
}
};
POST:
var request = new XMLHttpRequest();
request.open("POST","service.php");
var data = "number = "+number;
request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
request.send( data );
request.onreadystatechange = function(){
if(request.readyState === 4){
if(request.status === 200){
}else{
alert("error"+request.status);
}
}
};
JSON.parse来解析json字符串
JSONlint 校验工具
解决跨域方法：
代理
jsonp 只能对get请求有效果
XHR2 IE10以下不支持
header("Access-Control-Allow-Origin:*");
header("Access-Control-Allow-Method:POST,GET");