《web系统与技术》期末报告

《《web系统与技术》期末报告》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、《Web系统与技术》期末报告学号：姓名：班级：物联网122班老师：目录JQuery系统调研21.视差滚动52.特性53.原理53.4实现63.4.1简单实现63.4.2加上动画63.4.3背景运动64.简介………………………………………………………………………………………...74.1.1jQuery语法实例8jQuery语法84.1.2文档就绪函数94.1.3jQuery选择器9jQuery元素选择器10jQuery属性选择器10jQueryCSS选择器105.代码分析………………………………………………………………………………….1

2、2总结JQuery系统调研1.JQuery介绍1.1JQuery起源JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库，它兼容CSS3，还兼容各种浏览器（IE6.0+,FF1.5+,Safari2.0+,Opera9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细

3、，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。1.2JQuery简介jQuery是一个兼容多浏览器的javascript库，核心理念是writeless,domore(写得更少,做得更多)。jQuery在2006年1月由美国人JohnResig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由DaveMethvin率领团队进行开发。如今，jQuery已经成为最流行的javasc

4、ript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。jQuery是免费、开源的，使用MIT许可协议。jQuery的语法设计可以使开发者更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外，jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。jQuery，顾名思议，也就是JavaScript和查询（Query），即是辅助JavaScript开发的库。1.3JQuery特点1.动态特效2.AJAX3.通过

5、插件来扩展4.方便的工具-例如浏览器版本判断5.渐进增强6.链式调用7.多浏览器支持，支持InternetExplorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+（在2.0.0中取消了对InternetExplorer6,7,8的支持）1.JQuery使用方法jQuery可以下载使用，有两个版本的jQuery可供下载Productionversion-用于实际的网站中，已被精简和压缩。Developmentversion-用于测试和开发（未压缩，是可读的代码）jQuery1.8.0版时

6、压缩前后的对比文件行数大小jquery-1.8.0.min.js291KBjquery-1.8.0.js9228254KB这两个版本都可以从jQuery.com官网下载。也可以从多个公共服务器中选择引用。把jQuery存储在CDN公共库上可加快网站载入速度，CDN公共库是指将常用的JS库存放在CDN节点，以方便广大开发者直接调用。与将JS库存放在服务器单机上相比，CDN公共库更加稳定、高速。国外的有Google、Microsoft等多家公司给jQuery提供CDN服务，国内由新浪云计算(SAE)、百度云(BAE)等提供。注意事项1、Wo

7、rdpress内置jQuery库，其末尾防止JS库冲突而加入的jQuery.noConflict()使得主题中所有jQuery代码都要做一些小修改，更可能导致一些插件效果失效。wordpress建议下载官方jQuery-Min库放到当前主题目录下调用，不要使用wp-includes里面的库。2、GoogleCDN库的地址采用了协议相对路径，它可以很好的解决https引起的一些问题，具体可以看PaulIrish的介绍，当然你依旧可以使用带“http:”的路径。3、许多网站都采用GoogleCDN提供的jQuery库，使用它可以得到出色的缓

8、存效果。4、把jQuery代码统统放到页面底部可以提高载入速度。5、使用HTML5重构的页面可省略掉type="text/javascript"。6、推荐使用国内CDN公共库，速度更快，稳定性更高。1.JQ