毕业设计--基于jQuery的封装与应用.docVIP

TOC \o 1-3 \h \z \u 26556 基于jQuery的封装与应用 11088 1 前言 1 18700 2 选题背景 1 21148 3 技术介绍与分析 2 30994 3.1、jQuery框架 2 14837 3.1.1、jQuery总体架构 2 8556 3.1.2、构造jQuery对象 5 22482 3.1.3、选择器Sizzle 10 27818 3.1.4、数据缓存Data 11 19125 3.1.5、属性操作Attributes 12 19657 3.1.6、DOM操作Manipulation 14 23584 3.1.7、异步请求Ajax 17 28375 3.2、json 20 12336 3.2.1、语法规则 20 3224 3.2.2、基础结构 20 12083 4 系统应用开发 21 5211 4.1、应用说明 21 24746 4.2、应用场景 21 8285 4.3、核心源码分析 22 27540 5 论文总结与展望 43 PAGE PAGE 44 PAGE PAGE 1 基于jQuery的封装与应用 1 前言 在这个21世纪的信息时代，开发者在近10年间的开发项目过程中，不得不面对这三大主要的平台：浏览器、服务器和本地/手机应用。现实是JavaScript已经成为事实上的Web标准语言。而一部分认为JavaScript正在把手伸向服务器端开发，比如说Node.js。在2012年9月份，行业分析公司 RedMonk就公布了JavaScript在开发语言里已经处于遥遥领先的地位。这主要得意于JavaScript所提供的丰富的、动态的网页内容的能力，以及JavaScript的轻便性和高易用性。正因为如此，基于javascript的库也如雨后春笋般涌现出来，其中不乏许多优秀的、应用广泛的javascript库，如jQuery、Prototype、Zepto、YUI Library等，这些优秀的库给我们带来了更加便捷的项目开发。 2 选题背景 在众多的javascript库中，最受程序员喜爱莫过于jQuery了，jQuery是一个兼容多种浏览器的 \t /view/_blank javascript库，核心理念是write less,do more，即写得更少,做得更多，多么美妙的理念。jQuery库在2006年1月由美国人 \t /view/_blank John Resig在纽约发布，吸引了来自世界各地的众多JavaScript爱好者及高手加入，由Dave率领团队进行开发。如今，jQuery框架已经成为最流行的javascript库，在世界前10000多个访问最多的网站中，有超过55%的网站在使用jQuery。 jQuery框架是免费、开源的，使用 \t /view/_blank MIT许可协议。jQuery的语法设计使得开发更加方便，快捷，例如操作各种 \t /view/_blank 文档对象、选择 \t /view/_blank DOM元素、制作动画效果、事件处理、使用 \t /view/_blank Ajax以及其他功能。除此以外，jQuery框架提供API让开发者可以方便的编写插件。其模块化的使用方式受到广大开发者的追捧与喜爱，使得开发者可以很轻松的开发出功能强大的静态、动态网页。 在这众多的jQuery爱好者当中，毫无疑问，我也是其中的一员，喜欢它的简单、快速、轻量。但是jQuery框架也有自己的局限性，虽然它在web项目里面能帮助我们解决大量的问题，节省大量的代码，但是为了更进一步的优化项目代码，提高web项目的开发进度，所以我打算在jQuery的基础上，做更深层次的二次封装，方便今后项目的开发与维护。 3 技术介绍与分析 3.1、jQuery框架 3.1.1、jQuery总体架构 jQuery的模块总体上可以分为3个部分：入口模块、底层支持模块、功能模块。 如图3-1所示。 图3-1 jQuery的模块分类 在构建jQuery对象的模块中，如果我们在调用构造函数jQuery()对象时传入了选择器表达式，jQyery则会调用Sizzle选择器来遍历文档，然后查找与之匹配的DOM元素，并且创建一个包含了这些DOM元素引用的jQuery对象。 jQuery的选择器Sizzle是一款全部由javacsript来实现的CSS选择器引擎，主要用于查找与选择器表达式所匹配的元素集合。 jQuery的工具方法模块提供了很多编程辅助方法来用于简化对jQuery对象、DOM元素、字符串、对象、数组等相关的操作，例如，map()、.each()、jQuery.map()、j