jQuery从入门到精通(学习笔记)
2012-02-21 17:45
337 查看
教程地址: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对象.
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对象.
相关文章推荐
- 黑马程序员之jquery学习笔记:jquery特效之金额文本框代码
- jQuery学习笔记--Helloworld
- JQuery 学习笔记 选择器之三
- [原]Java程序员的JavaScript学习笔记(7——jQuery基本机制)
- jQuery.fancybox 学习笔记
- jQuery 学习笔记1 弹出一个对话框
- jQuery学习笔记整理
- jquery学习笔记(4)--实现table隔行变色以及单选框选中
- JS和JQuery中的事件委托 学习笔记
- jQuery 源码学习笔记
- jQuery学习笔记2 —— jQuery选择器
- jQuery 学习笔记四 Ajax提交数据
- jQuery学习笔记(3)----用jquery实现多选项卡功能
- Jquery 学习开发笔记
- jquery FullCalendar日程表学习笔记(一)
- jQuery 学习 笔记
- jQuery学习笔记
- jquery miniui 学习笔记
- jQuery学习笔记四:查找和过滤
- jquery中validation部分学习笔记