JQuery源码学习笔记(持续更新中)
2016-03-03 00:28
357 查看
一直觉得jquery无比好用,但是对于他的源码从来不敢触碰(怂状
),觉得太庞大不知从何下手,但是想提高自己的前端水平,了解架构的设计思想之类高大上的理由让我对自己下了个狠心,学!正好最近get到一套好的讲解源码的视频,那就每天学习一点点,然后就更新一点点我的学习笔记,希望促进自己学习的热情,也希望能为对jquery源码感兴趣的骚年们提供一丢丢资料~,毕竟一个人学是枯燥的,一起学就多了分享的乐趣,
恩,我看视频去了~共勉
。
2016.03.04
2.基本结构
(function(){( 21 --94行)
定义一些变量和函数 jQuery = function(){ }; jquery是面向对象的。
举个例子:
jq写法: $(".box").css( ); //jq对象去调用css(
)方法
一般写法: var arr = new Arry( );
arr.push( ); //arr对象去调用push(
)方法
(96 --283行)
给JQ对象添加一些方法和属性。
(285 --347行)
extend:JQ的继承方法。 (extend方法利于后期扩展)
(349 --817行)
jQuery.extend( ) :扩展一些工具方法。
举个例子:
$(".box").css( ); //用于jq对象调用方法(实例方法)
$.trim( ); //用于js原生对象调用方法(工具方法)
(877 --2856行)Sizzle
: 复杂选择器的实现 。
(2880 --3042行)Callbacks
: 回调对象 : 对函数的统一管理。
(3043 --3183行)Deferred
: 延迟对象 : 对异步的统一管理。
(3184 --3295行)Support
: 功能检测(检测浏览器等)。
(3308 --3652行)data(
): 数据缓存。
(3653 --3797行) queue(
): 队列管理。
(3803 -- 4299行) attr(
) prop( ) val( ) addClass( )等 : 对元素属性的操作。
(4300 -- 5128行) on(
) trigger( ) 等 : 事件操作的相关方法。
(5140-- 6057行) DOM操作
: 添加 删除 获取 包装 DOM筛选。
(6058-- 6620行) css(
) : 样式的操作。
(6621-- 7854行) 提交的数据和ajax(
) : ajax( ) load( ) getJson( )。
(7855-- 8584行) animate(
) : 运动的方法。
(8585-- 8792行) offset(
) : 位置和尺寸的方法。
(8804-- 8821行) JQ支持模块化的模式。
(8826行) window.jQuery = window.$ = jQuery; //将jquery中定义的变量挂载到windows对象上。
})( )
相关文章推荐
- 20jquery题
- jQuery面试题答案
- jQuery日历插件datepicker用法详解
- JQuery日期插件datepicker的使用方法
- JQuery里的原型prototype分析
- [jQuery学习系列六]6-jQuery实际操作小案例
- [jQuery学习系列五 ]5-Jquery学习五-表单验证
- jquery是如何架构的.
- [jQuery学习系列四 ]4-Jquery学习四-事件操作
- [jQuery学习系列三 ]3-JQuery学习二-字典操作
- jquery源码解析
- jquery 事件綁定
- JQuery+AJAX file upload demo (Python+flask as web server)
- js与jquery实现搜索框提示文字显示与隐藏
- 利用jQuery中hover()和cookie机制编写的小程序
- jQuery--加一行减一行
- jQuery--后台主机列表编辑
- IE8 jquery ajax获取静态资源报错TypeError 拒绝访问
- JqueryEasyUi
- jQuery与其他JS库的共存问题