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");