前端常用

HTML

1、load加载其他页面

　　$("#id").load("helloadworld.html");

2、每10秒刷新一次页面

3、5秒后，自动跳转到同目录下的hello.html页面

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