`
fenglingxuewqk
  • 浏览: 83370 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

jQuery源码详解-入门

阅读更多

以下转自http://miokafe.com,介绍了jQuery的部分原理和实现,对理解jQuery有很大帮助.

jQuery是个出色的javascript库,最近结合它写javascript,看了下源码。

先从整体、全局的看,jQuery的源码几乎都在下面的代码中:

 

(function(){

//……

}
)();

 

第一个括号里面是个匿名函数,第二个括号表示马上执行第一个括号里面的代码。
首先明白,javascript里面是没有命名空间的,要保证你的javascript函数、对象与其他的不冲突,这里用了javascript的一个技巧:你的所有javascript函数、对象都在一个匿名函数里面定义,确保了所定义的函数、对象的有效范围,起到了命名空间的作用。既然作用范围在这个匿名函数中,怎么被别人使用呢?下面看它的下面代码:

 

var jQuery = window.jQuery = function(selector, context) {
//……
}
;

 

这里让jQuery库中最重要的对象jQuery成为了window对象的一个属性,这样就可以在其他地方像使用document(document也是window的一个属性)一样使用jQuery了。也许使用过jQuery的朋友惊讶-我没有使用jQuery对象,一直使用$的。没错,那是jQuery的同名对象:

window.$ = jQuery;

现在明白了吧。

分享到:
评论

相关推荐

    Jquery新手入门源码

    **jQuery新手入门源码详解** 在前端开发领域,jQuery是一个非常流行且强大的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本教程将通过"Jquery新手入门源码"来帮助初学者理解jQuery的...

    JQuery实战视频教程源码(王兴魁)

    【jQuery实战视频教程源码详解】 本资源是王兴魁老师主讲的jQuery实战视频教程的源码,旨在帮助学习者深入理解并掌握jQuery库在实际项目中的应用。通过这套教程,你可以系统地学习到jQuery的基本操作以及各种交互...

    jquerymobile快速入门源码

    **jQuery Mobile 快速入门源码详解** jQuery Mobile 是一个基于 jQuery 库的轻量级、触屏优化的框架,专为移动设备上的 Web 应用程序设计。它提供了丰富的 UI 组件,使得开发者能够轻松地创建具有统一界面风格和...

    jquery选择器入门详解小案例

    本篇文章将深入探讨jQuery选择器的入门知识,并通过实际的小案例帮助你理解和应用这些选择器。 jQuery选择器是jQuery库的核心部分,它们是用于在HTML文档中查找元素的工具。jQuery支持多种CSS选择器,包括基本选择...

    jQuery Mobile快速入门源码

    **jQuery Mobile 快速入门源码详解** jQuery Mobile 是一个流行的前端框架,专门用于构建响应式、触屏友好的移动Web应用。它基于jQuery库,提供了丰富的组件、样式和交互效果,使得开发者能够轻松地创建跨平台的...

    jQuery Mobile快速入门

    ### jQuery Mobile 快速入门知识点详解 #### 一、jQuery Mobile 概述 - **定义**:jQuery Mobile 是一个基于 HTML5 的用户界面系统,它为移动设备提供了一个响应式的 Web 开发框架。该框架支持触摸操作,并且兼容...

    39个jQuery源码实例和学习资料集

    - **选择器详解**:介绍了jQuery提供的各种选择器,用于选取DOM元素。 - **DOM操作**:包含元素添加、删除、替换等操作的方法。 - **事件处理**:如何绑定和触发事件,以及事件对象的使用。 - **AJAX支持**:讲解了...

    《jQuery开发技术详解》教程源码

    《jQuery开发技术详解》教程源码是一份全面深入学习jQuery的宝贵资料,由季国飞编著。jQuery作为一款强大的JavaScript库,简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务,极大地提高了前端开发效率。本...

    jquery Grid Demo

    **jQuery Grid 框架详解** jQuery Grid 是一个强大的数据展示和管理工具,它基于 jQuery 库,提供了丰富的功能,包括数据的排序、查询、分页等,使得开发者能够快速构建交互式的表格应用。在本篇文章中,我们将深入...

    jQuery Mobile快速入门234页完整版.pdf + 所有源码.zip

    **jQuery Mobile 快速入门详解** jQuery Mobile 是一个强大的、基于 jQuery 库的前端框架,专为移动设备的网页应用设计。它提供了丰富的组件、触摸优化的交互以及跨平台的一致性,使得开发者能够轻松创建功能丰富的...

    jquery入门

    **jQuery 入门详解** jQuery 是一个高效、简洁且功能丰富的 JavaScript 库,它极大地简化了 JavaScript 对HTML 文档的遍历、事件处理、动画设计和Ajax交互。jQuery 的核心理念是“Write Less, Do More”,即用更少...

    jquery

    **jQuery 框架详解** jQuery 是一个广泛应用于前端开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。这个压缩包文件“jquery_study”很可能是包含了一系列学习jQuery的...

    我的JQuery笔记.doc

    或者,将jQuery源码复制到项目中。 2. jQuery入口函数:使用$(function(){});包裹代码,确保DOM加载完毕后再执行内部的代码,这相当于JavaScript中的window.onload事件。 二、jQuery选择器 jQuery提供了丰富的选择...

    《ASP.NET开发实战详解:入门、模块、系统》程序代码

    《ASP.NET开发实战详解:入门、模块、系统》程序代码提供了VB.NET语言编写的ASP.NET应用实例,旨在帮助读者深入理解并实践ASP.NET的开发。 1. ASP.NET入门: ASP.NET提供了多种开发模型,包括Web Forms、MVC...

    Jquery

    **jQuery 知识详解** jQuery 是一个高效、简洁且功能丰富的 JavaScript 库,它极大地简化了 JavaScript 对HTML 文档的遍历、事件处理、动画以及Ajax交互。自2006年发布以来,jQuery 已经成为了Web开发中最广泛使用...

    jQuery权威指南366页完整版pdf和源码打包

    前 言 第1章 jquery开发入门/1 1.1 jquery概述/2 1.1.1 认识jquery /2 1.1.2 jquery基本功能/2 1.1.3 搭建jquery开发环境/3 1.1.4 编写第一个简单的jquery应用/3 1.1.5 jquery程序的代码风格/5 1.2...

    jQuery 第一个demo

    **jQuery第一个Demo详解** 在IT领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。本篇将深入解析“jQuery第一个Demo”,帮助初学者快速入门jQuery...

    MVC2.0入门必读教程程序源码

    **MVC2.0入门必读教程程序源码详解** MVC(Model-View-Controller)是一种设计模式,常用于构建可维护性高、结构清晰的Web应用程序。在.NET Framework中,ASP.NET MVC是一个用于构建动态网站的强大工具,它允许...

    Jquery课程PPT

    **jQuery课程PPT详解** jQuery是一款广泛应用于网页交互与动态效果实现的JavaScript库,它以其简洁的API和强大的功能深受开发者喜爱。这份“jQuery课程PPT”提供了全面的jQuery入门教程,旨在帮助初学者快速掌握...

Global site tag (gtag.js) - Google Analytics