jQuery学习(一)

1.简介

版本信息: jQuery JavaScript Library v1.9.1

使用工具:eclipse

首先明确jQuery是一个javascript的库.我们首先了解它的分支结构

jQuery学习(一)_第1张图片

jQuery的总结构.说明: 红色s表示static  虚三角是属性,实三角是方法

图中对象包含在一个作用域里面

(function( window, undefined ) {
   //代码
      Sizzle() //选择器
      setFilters() //过滤器
      Tween()  //是一种动画缓存 相关介绍
      doAnimation() //动画
})( window );


Tween介绍


http://www.cnblogs.com/cloudgamer/archive/2009/01/06/Tween.html

2.jQuery运行原理

$(document).ready();
解析

$() 就是jQuery(selector, context)即jQuery对象  通过 jQuery的选择器Sizzle对象 选取正确目标

在调用jquery对象的事件jQuery.event.

安全对象setFilters 对jQuery对象的一些属性进行过滤不安全的值.

tween对象和doAnimation对象一起处理图形特效.

以下各个对象的方法和属性

jQuery学习(一)_第2张图片

jquery对象结构示意图.  每个方法还可能包含其他对象,比如event对象

jQuery学习(一)_第3张图片

event事件对象结构示意图.说明:同上

jQuery学习(一)_第4张图片

选择器对象结构示意图 说明:同上

过滤对象结构示意图 说明同上

jQuery学习(一)_第5张图片

tween(可以能是马克吐温的粉丝.- -)结构示意图

动画对象示意图


你可能感兴趣的:(eclipse,jquery,javascirpt)