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;
原文地址:https://www.cnblogs.com/wenzheshen/p/5737952.html