前端常用
HTML
1、load加载其他页面
$("#id").load("helloadworld.html");
2、每10秒刷新一次页面
<meta http-equiv="refresh" content="10" >
3、5秒后，自动跳转到同目录下的hello.html页面
<meta http-equiv="refresh" content="5，url=hello.html" >
JS
1、NaN
"NaN"值非常特殊，因为它“不是数字”，所以任何数跟他都不相等，甚至NaN本身也不等于NaN
可以使用：isNaN(str); 检查str是否为数值
JQUERY
1、animate动画
$("div").animate({left:"+=500px"},3000);
//3秒内向右移动500px;
2、判断复选框是否选中
$xxx.is(":checked");
3、复制节点：Object.clone();
4、替换节点：object.replaceWith(object2);
5、遍历节点：（获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上）
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <style> li { margin: 3px; padding: 3px; background: #EEEEEE; } li.hilight { background: yellow; } </style> </head> <body> <ul> <li><b>Click me!</b></li> <li>You can also <b>Click me!</b></li> </ul> <script> $( document ).bind("click", function( e ) { $( e.target ).closest("li").toggleClass("hilight"); }); </script> </body> </html>
6、只执行一次的事件
$("p").one("click",function(){...})
7、得到事件类型：event.type
8、得到触发事件的元素：event.target；
9、获取光标相对页面的x/y坐标： event.pageX / event.pageY
10、判断元素是否存在：
if($("#id").length > 0) 或 if($("#id")[0])
11、包裹节点
object.wrap(object2) //用object2包裹object
12、截取字符串： object.slice(n)； //若n为负数，则从倒数第|n|个开始截取
13、将对象的值序列化成字符串： object.serialize();
例如向后台提交表单
$.param()方法是serialize()方法的核心，用来对一个数组或对象按照key/value进行序列化
var obj = {a:1,b:2,c:3}; var k = $.param(obj); alert(k); //输出a=1&b=2&c=3
