预览加载中，请您耐心等待几秒...

web前端开发之JavaScript-初识jQuery框架.docx

预览
1/7
2/7
3/7
4/7
5/7
6/7
7/7

在线预览结束，喜欢就下载吧，查找使用更方便

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

web前端开发之JavaScript初识jQuery【摘要】在第二阶段初步了解了一下jQuery之后，现对jQuery做一个小小的总结。首先，在学jQuery之前，我们得知道jQuery是什么？它是做什么的？有什么特色？业界的对它的评价又是怎样？如何进行安装配置的？这里我将一一说明在第二阶段初步了解了一下jQuery之后，现对jQuery做一个小小的总结。首先，在学jQuery之前，我们得知道jQuery是什么？它是做什么的？有什么特色？业界的对它的评价又是怎样？如何进行安装配置的？这里我将一一说明。什么是jQuery？jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“writeLess，DoMore”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。兼容各种主流浏览器，如IE6.0+、FF1.5+、Safari2.0+、Opera9.0+等。为什么使用jQuery？目前网络上有大量开源的JS框架,但是jQuery是目前最流行的JS框架，而且提供了大量的扩展。很多大公司都在使用jQuery，例如:GoogleMicrosoftIBMNetflixjQuery的功能概括快速获取文档元素jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了JavaScript中获取页面元素的方式。提供漂亮的页面动态效果jQuery中内置了一系列的动画效果，可以开发出非常漂亮的网页，许多网站都使用jQuery的内置的效果，比如淡入淡出、元素移除等动态特效。创建AJAX无刷新网页AJAX是异步的JavaScript和XML的简称，可以开发出非常灵敏无刷新的网页，特别是开发服务器端网页时，比如PHP网站，需要往返地与服务器通信，如果不使用AJAX，每次数据更新不得不重新刷新网页，而使用AJAX特效后，可以对页面进行局部刷新，提供动态的效果。提供对JavaScript语言的增强jQuery提供了对基本JavaScript结构的增强，比如元素迭代和数组处理等操作。增强的事件处理jQuery提供了各种页面事件，它可以避免程序员在HTML中添加太多事件处理代码，最重要的是，它的事件处理器消除了各种浏览器兼容性问题。更改网页内容jQuery可以修改网页中的内容，比如更改网页的文本、插入或者翻转网页图像，jQuery简化了原本使用JavaScript代码需要处理的方式。简单通俗概括来说就是：1、html的元素选取2、html的元素操作3、htmldom遍历和修改4、js特效和动画效果5、css操作6、html事件操作7、ajax异步请求方式jQuery的安装网页中添加jQuery可以通过多种方法在网页中添加jQuery。您可以使用以下方法：从jquery.com下载jQuery库使用npm或Yarn下载jQuery从CDN中载入jQuery,如从Google中加载jQuery下载jQuery有两个版本的jQuery可供下载：Productionversion-用于实际的网站中，已被精简和压缩。Developmentversion-用于测试和开发（未压缩，是可读的代码）以上两个版本都可以从jquery.com官网中下载。jQuery库是一个JavaScript文件，您可以使用HTML的<script>标签引用它：<head><scriptsrc="jquery-1.10.2.min.js"></script></head>替换方法如果不希望下载并存放jQuery，那么也可以通过CDN（内容分发网络）引用它。StaticfileCDN、百度、又拍云、新浪、谷歌和微软的服务器都存有jQuery。如果你的站点用户是国内的，建议使用百度、又拍云、新浪等国内CDN地址，如果你站点用户是国外的可以使用谷歌和微软。百度CDN:<head><scriptsrc="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script></head>GoogleCDN<head><scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script></head>优势：许多用户