jQuery学习易忘细节

1.类似于alert(""),但不会中断页面操作：console.log("last");

2.javascript是HTML5以及所有现代浏览器中的默认脚本语言，所以在<script></script>标签中是否使用“type="text/javascript"”都可以；

3.云CDN:

• Baidu CDN:<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
• 又拍云 CDN:<script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"></script>
• 新浪 CDN:<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>
• Google CDN:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
• Microsoft CDN:<script src="http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"></script>

　　优势：许多用户在访问其他站点时，已经从百度、又拍云、新浪、谷歌或微软加载过jQuery。所以，当他们访问您的站点时，会从缓存中加载jQuery，这样可以减少加载时间；

4.jQuery基础语法：$(selector).action()
   $ 美元符号定义jQuery
    选择符(select)"查询"和"查找"HTML元素
    jQuery的action()执行对元素的操作；

5.文档就绪事件
    $(document).ready(function(){});
    简写：$(function(){});
    作用：为了防止文档在完全加载就绪之前运行jQuery代码，如果在文档没有完全加载之前就运行函数，操作可能失败；

6.jQuery动画-animate()方法使用注意点：

• 1.默认情况下，所有 HTML 元素都有一个静态位置，且无法移动。

        如需对位置进行操作，要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute！

• 2.当使用 animate() 时，必须使用 Camel （驼峰）标记法书写所有的属性名，比如，必须使用 paddingLeft 而不是 padding-left，使用 marginRight 而不是 margin-right，等等。

7.ajax 是异步的javascript和xml技术

8.GET-从指定的资源请求数据
  POST-向指定的资源提交要处理的数据
 
9.debug,只验证不提交表单(测试调试时使用)
    eg:　　　　

$(document).ready(function(){
    $("#signupForm").validate({
        debug:true;//测试调试
    });
});

10.XMLHttpRequest对象是AJAX的核心

11.重置表单
    $("form").each(function(){
        .reset();
    });

12.AJAX中method使用GET还是POST？
    与POST相比，GET更简单也更快，并且在大部分情况下都可使用，
    然而，在以下情况下，请使用POST请求：

• 无法使用缓存文件(更新服务器上的文件或数据库)；
•  向服务器发送大量数据(POST没有数据量限制，GTE中IE请求URL长度限制为2083个字符，可用于GET传递数据长度是2048个字符，其他浏览器无)；
• 发送包含位置字符的用户输入时，POST比GET更稳定更安全；

13.asyac = true和asyac = false区别：

•     使用asyac = true时，要规定在响应处于onreadystatechange事件中的就绪状态时执行的函数;

    eg:　　

xmlhttp.onreadystatechange=function(){
    if (xmlhttp.readyState==4 && xmlhttp.status==200){
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();

• 　使用asyac = false时(不推荐使用)，请不要编写onreadystatechange函数，把代码放到send()语句后面即可；

    eg:

xmlhttp.open("GET","ajax_info.txt",false);
xmlhttp.send();
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;