jQuery从入门到精通(学习笔记)

教程地址：http://developer.51cto.com/art/201005/202450.htm

1.$(document).ready(function(){}); 会在文档准备好时触发，而不是所有的元素内容加载完成时触发。

2.包含回调函数的方法：$.get('myhtmlpage.html', myCallBack); 包含参数的回调函数：$.get('myhtmlpage.html', function(){myCallBack(param1, param2);});不可这样调用：$.get('myhtmlpage.html', myCallBack(param1, param2)); 

3.和fadeIn与fadeOut不同的是, fadeTo函数只改变对象的透明度, 即使透明度为0对象仍然占位. 而fadeIn和fadeOut最后一定会改变对象的display属性, fadeOut后对象将从页面上消失(不占位), 但是fadeTo仅仅是让其透明(占位).

4.首先框架定义了两个核心对象：

jQuery = window.jQuery = window.$ = function( selector, context ) {} 

一个是jQuery 

一个是$   
这两个对象都指向一个函数
这个函数是我们使用$()或jQuery()方法时的入口，这个方法返回一个jQuery.fn.init( selector, context );的实例，其实这个实例是一个jQuery对象。
jQuery对象是一个什么样的对象呢？
jQuery对象其实是一个javascript的数组
这个数组对象包含125个方法和4个属性
4个属性分别是
jQuery     当前的jQuery框架版本号
length     指示该数组对象的元素个数
context    一般情况下都是指向HtmlDocument对象  

5.我们已经获取了一个Dom元素,比如:var div = document.getElementById("testDiv"); 上面的代码中div是一个Dom元素, 我们可以将Dom元素转换成jQuery包装集:var domToJQueryObject = $(div); jQuery包装集是一个集合, 所以我们可以通过索引器访问其中的某一个元素:var domObject = $("#testDiv")[0]; 返回的不再是jQuery包装集, 而是一个Dom对象!

6.在C#里我们使用new关键字创建对象, 在javascript中也可以使用new关键字:var objectA = new Object(); 但是实际上"new"可以省略:var objectA = Object(); 但是我建议为了保持语法一直, 总是带着new关键字声明一个对象.在javascript中属性不需要声明, 在赋值时即自动创建:objectA.name = "my name";

var objectB = objectA;   objectB.other = objectA;  objectB.other = objectA;  //此时下面三个值相当, 并且改变其中任何一个值其余两个值都改变 objectA.name;  objectB.name; objectB.other.name; 

7.通过索引设置和访问属性:objectA["school.college"] = "BITI";  alert(objectA["school.college"]); 

8.JSON是指Javascript Object Notation, 即Javascript对象表示法.

9.全局对象是window属性然而我们还应该知道, 实际上全局变量objectA是创建在window对象上, 可以通过window对象访问到:

10.在C#中,this变量通常指类的当前实例. 在javascript则不同, javascript中的"this"是函数上下文,不是由声明决定,而是由如何调用决定.因为全局函数其实就是window的属性, 所以在顶层调用全局函数时的this是指window对象.