锋利的jquery

本科学生毕业论文（设计）题目（中文）：基于HTML5的智力游戏设计（英文）：Design of Intelligent Game Based on HTML5 姓名 xxx学号xxx院（系）电子与信息工程学院专业、年级电子信息工程指导教师 xxx 讲师2017年 5月10日xxx科技学院本科毕业论文（设计）诚信声明本人郑重声明：所呈交的本科毕业论文（设计），是本人在指导老师的指导下，独立进行研究工作所取得的成果，成果不存在知识产权争议，除文中已经注明引用的内容外，本论文不含任何其他个人或集体已经发表或撰写过的作品成果。

对本文的研究做出重要贡献的个人和集体均已在文中以明确方式标明。

本人完全意识到本声明的法律结果由本人承担。

本科毕业论文（设计）作者签名：二〇一七年五月十日毕业论文（设计）任务书课题名称基于HTML5的智力游戏设计姓名xxx学号xxx院系电子与信息工程学院专业电子信息工程指导教师xxx 讲师2015年10月20日2、毕业论文（设计）内容要求：该课题需要设计和实现一个在网页上运行的智力游戏，需要使JavaScript 语言和Webstorm或其他前端开发工具，要求所设计的游戏画面良好，运行流畅。

(1)游戏介绍：①游戏为益智类游戏，越到后面越难越有挑战；②游戏玩法：使用键盘上、下、左、右键控制所有方块往这个方向移动。

③游戏规则：当所有方块往一个方向移动时，数字相同的方块可以相加变成一个方块，当拼出一个方块为2048，即为胜利；当16宫被占满且所有相邻方块不能再相加时，游戏结束；④游戏界面：游戏界面有新游戏，记录当前分数，游戏介绍，记录历史最高分；⑤按照游戏的系统实现方法，做出系统分析、系统设计、系统实施。

（2）主要工作量和工作流程如下：①进行系统的需求分析；②开始搭建开发平台和环境；③根据需求分析和设计图来进行代码的编写；④对功能模块进行测试；⑤对项目整体进行测试；⑥将项目打包上传至网站；⑦完成毕业论文撰写，论文格式严格按照xxx科技学院本科毕业设计（论文）规范撰写，字数不少于10000字；⑧准备答辩。

第一章认识一下jQuery随着JavaScript的兴起，一系列JavaScript库也蓬勃发展起来。

从早期的Prototype、Dojo 到2006年的jQuery，再到2007年ExtJs。

可以发现，互联网正在掀起一场JavaScript风暴。

在这场风暴中，jQuery以其独特优雅的姿态，始终处于这场风暴的中心，受到越来越多的人的追捧。

1.1 jQuery简介jQuery是继Prototype之后又一个优秀的JavaScript库，它由John Resig 创建于2006年1月。

它简化了遍历HTML文档、操作DOM、处理事件、执行动画和Ajax的操作。

它独特而又优雅的代码风格改变了JavaScript程序员编写程序的设计方式和思路。

不管你是网页设计师、后台开发者、业余爱好者还是项目管理者，也不管你是JavaScript 初学者还是JavaScript高手，你都有很多理由去学习jQuery，因为它是面向任何人的。

1.2 加入jQuery1.2.1 JavaScript简介JavaScript是为了适应动态网页制作的需要而诞生的一种编程语言。

它是由Netscape公司开发的一种脚本语言（scripting language）。

JavaScript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。

然而，几乎每个Web 开发人员都曾有过诅咒JavaScript 的经历。

这个备受争议的语言受累于其复杂的称为文档对象模型(DOM)的编程模型、糟糕的实现和调试工具以及不一致的浏览器实现。

直到现在，很多开发人员还认为JavaScript是一门令人厌恶的语言。

随着WEB2.0的兴起，作为广泛应用于Web 开发的脚本语言，JavaScript开始日益重要起来，JavaScript的复苏使一些业界领袖人物也不得不开始重新审视这种编程语言。

诸如Ajax (Asynchronous JavaScript + XML) 这样的编程技术让Web 网页更加迷人，而完整的Web 开发框架，比如Apache Cocoon（一种使用而且充分利用了XML强大功能的发布框架），则让JavaScript 的应用越来越多，使其不止限于是一种用于制作Web 页面的简单脚本。

// 锋利的JQuery 学习笔记// dier// 2009-10-17 至 2009-11-22//------------------------- 第一章认识JQuery -------------------------·页面加载事件（可以写多个ready()）$(document).ready(function(){alert("hello world");})·链式操作：JQuery允许你在一句代码中操做任何与其相关联的元素，包括其子元素、父元素等//选择名称为myDiv的元素，为其自身添加css1的样式，然后再选择其所有子元素a，为其移除css2样式$("#myDiv").addClass("css1").children("a").removeClass("css2");·JQuery中获得一个对象的所有子元素内容$("#myDiv").html()·JQuery中的变量与 DOM中的变量var $myVar = "";var myVar = "";·DOM对象转换成 JQuery对象var obj = documnet.getElementById("myDiv");var $obj = $(obj);·JQuery对象转换成 DOM对象var $obj = $("#myDiv");var obj = $obj.get(0); //或者var obj = $obj[0];·释放JQuery对$符号的控制权JQuery.noConflict();//---------------------------- 第二章 JQuery选择器 -------------------------------·JQuery完善的处理机制document.getElementById("test").style.color = "red"; //如果test不存在，则页面出现异常$("#test").css("color","red"); //哪怕页面没有名称为test的元素，也不会报错。

毕业设计题目： C语言在线编程系统的探索与设计学院：经济管理专业名称：信息管理与信息系统班级学号： 08093112学生姓名：蒋峰指导教师：邓砚谷二〇一二年六月毕业设计（论文）任务书I、毕业设计(论文)题目：C语言在线编程系统的探索与设计II、毕业设计(论文)工作内容及要求：1、查阅论文相关中外文献并收集相关资料具体要求：（1）到学校图书馆借阅web开发、分布式系统方面的图书5－10本；（2）从中国知网等网站查找相关论文20篇，重点阅读至少10篇，关键检索词：web开发、分布式系统；（3）从网上查阅最新的web开发、分布式系统的有关报道、案例等；（4）阅读老师提供的外文文献。

2、完成文献综述及开题报告具体要求：（1）要写明选题的依据及意义、国内外研究现状及评述、指出主要特色；（2）文献综述及开题报告要有参考文献11篇以上（至少1篇外文文献），并尽可能多引用最新的期刊文章；（3）系统重点：编程模块开发；难点：编程控件开发3、完成系统开发工作具体要求：（1）系统运行稳定，与开发初衷一致（2）联系实际。

（3）要体现系统的主要特色。

III、毕业设计时间安排：1、第1周－第4周：查阅资料，完成外文资料翻译，撰写开题报告。

2、第5周－第9周：完成并提交毕业设计初稿。

3、第10周-第13周：毕业设计定稿。

4、第13周：毕业设计评阅。

5、第14周：根据评阅人意见修改毕业设计，提交答辩稿。

6、第15周：毕业设计答辩、最终定稿并提交归档。

Ⅳ、主要参考资料：[1] 单东林，张晓菲，魏然．锋利的jQuery[M].人民邮电出版社，2009[2] Nicholas C.Zakas.JavaScript高级程序设计(第2版) [M].人民邮电出版社，2010[3] Cay S.Horstmann , Gary Cornell.JAVA核心技术卷I:基础知识[M]. 机械工业出版社.2010[4] Cay S.Horstmann , Gary Cornell.JAVA核心技术卷II:高级特性[M]. 机械工业出版社.2010[5] 陈臣，王斌，孙琳，王鸽，蒲蓬勃.研磨Structs2[M].清华大学出版社.2011[6] 石志国，刘翼伟，王志良，JSP应用教程(修订本[M]).清华大学出版社.2008[7] 王珊，萨师煊.数据库系统概论(第四版) [M].高等教育出版社.1983[8] Bruce Eckel.Java编程思想(第4版) [M].机械工业出版社.2010[9] Andrew S.Tanenbaunm,puter Networks[M].机械工业出版社2011[10] 王国辉 . Java Web开发实战宝典[M] .清华大学出版社.2010[11] Thomas H.Cormen ,CharlesE.Leiserson,RonaldL.Rivest, Clifford Stein. 算法导论[M].机械工业出版社.2011经济管理学院信息管理与信息系统专业 080931班学生（签名）：日期：自 2012 年 3月 12 日至2012年 6月 20日指导教师（签名）：助理指导教师(并指出所负责的部分)：系主任（签名）：学士学位论文原创性声明本人声明，所呈交的论文是本人在导师的指导下独立完成的研究成果。

关于jQuery库冲突的完美解决办法前⾔⼀次⾯试中⾯试官问到jQuery和别的库冲突怎么解决？虽然以前看过，但是我已经不记得了。

我的思路就是如果让我来设计，那我就⽤⼀个默认值$，不传参数，那就⽤$，最后就挂载在window.$上，传参数就⽤传⼊名字，⽐如传⼊jq，那我就挂载在window.jq上。

var myControl="jq";(function(name){var $=name ||"$"; //name存在$的值就是name的值，不存在或为null，$的值为字符串"$"console.log($);window[$]=function(){alert("123");}})(myControl)window[myControl]();事实上这肯定不是jquery解决冲突的办法了。

那就看看jQuery怎么解决冲突吧。

jQuery多个版本或和其他js库冲突主要是常⽤的$符号的冲突。

⼀、冲突的解决1、同⼀页⾯jQuery多个版本冲突解决⽅法<body><!-- 引⼊1.6.4版的jq --><script src="/ajax/libs/jquery/1.6.4/jquery.js"></script><script> var jq164 = jQuery.noConflict(true); </script><!-- 引⼊1.4.2版的jq --><script src="/ajax/libs/jquery/1.4.2/jquery.js"></script><script> var jq142 = jQuery.noConflict(true); </script><script>(function($){//此时的$是jQuery-1.6.4$('#');})(jq164);</script><script>jq142(function($){//此时的$是jQuery-1.4.2$('#');});</script></body>2、jQuery库在其他库之后导⼊jQuery noConflict() ⽅法会释放会 $ 标识符的控制，这样其他脚本就可以使⽤它了。

程序员各种PDF格式电⼦书--免费⽹盘资源-请妥善保存，后期还会有更多更新，如果读者有不同的书籍资源或者这⾥没有你要找的书籍，也可以直接评论，我在这⾥添加--如果有不存在的链接或者失效的，直接私信我或者在下⽅评论所有的數據链接：需要的直接⾃取*******2018/7/23 已更新320 本*******03_SpringBoot相关：《Spring Boot 2参考⼿册中⽂⽂档》《Spring Boot 2精髓带书签⽬录⾼清版》04_SpringCloud相关：《疯狂Spring Cloud微服务架构实战》《Spring Cloud Finchley.RELEASE参考⼿册中⽂⽂档》07_Hibernate相关：《Hibernate实战（第2版-⼈民邮电出版社）》《HIBERNATE逍遥游记》14_设计模式相关:《设计模式之禅（第2版）》15_Nginx相关：《实战Nginx：取代Apache的⾼性能Web服务器张宴.扫描版》27_架构相关：《系统架构：复杂系统的产品设计与开发》30_⼤数据相关:《HBase实战》《Spark快速数据处理》31_Java_EE相关：《servlet和jsp学习指南》《解密搜索引擎技术实战Java精华版》《深⼊分析Java Web技术内幕》《Activiti权威指南》《Java.Web开发学习⼿册-明⽇科技》《RESTful Web Services Cookbook 中⽂版_12879413》《Web安全开发指南》《Web应⽤安全权威指南》33_Docker相关:《Docker+容器与容器云（第2版）********2018/5/2 已更新300本********JAVAEE相关：《Java EE互联⽹轻量级框架整合开发 SSM框架（Spring MVC+Spring+MyBatis）和Redis实现》《⾼性能响应式Web开发实战》微信相关：《从零开始学微信⼩程序开发》《微信⼩程序开发⼊门与实践》《微信⼩程序⼊门指南》《⼩程序巧应⽤-微信⼩程序开发实战》⼤数据相关：《⼤数据时代：⽣活、⼯作与思维的⼤变⾰》《⼤数据之路：阿⾥巴巴⼤数据实践》《⽩话⼤数据与机器学习》《⼤数据：互联⽹⼤规模数据挖掘与分布式处理》《⼤数据存储MongoDB实战指南》《⼤数据架构师指南》《⼤数据架构详解：从数据获取到深度学习》《⼤数据算法》《⼤数据挖掘：系统⽅法与实例分析》《数据算法 Hadoop Spark⼤数据处理技巧》《⽤户⽹络⾏为画像⼤数据中的⽤户⽹络⾏为画像分析与内容推荐应⽤》《云计算和⼤数据时代⽹络技术揭秘》《⾃⼰动⼿做⼤数据系统.张魁(带书签⽂字版)》《⽩话⼤数据与机器学习》《Druid实时⼤数据分析原理与实践》《Hadoop⼤数据分析与挖掘实战》《Hadoop权威指南.⼤数据的存储与分析.第4版.修订版&升级版》《Python机器学习——预测分析核⼼算法》《Tensorflow 实战Google深度学习框架（完整版pdf)》程序员个⼈修养：《⾼效程序员的45个习惯（修订版）敏捷开发修炼之道》《⼈件（3版）》《⼈⽉神话.40周年中⽂纪念版.2015》********2018/3/1 已更新272本********Nginx相关：《决战Nginx 技术卷：⾼性能Web服务器部署与运维》《深⼊理解Nginx模块开发与架构解析》《深⼊剖析Nginx》《学习Nginx HTTP Server中⽂版》《Nginx开发从⼊门到精通》MongoDb相关：《深⼊学习MongoDb》《MongoDB实战》数据库相关：《MySQL数据库开发的三⼗六条规定-⽯展》《SQL HACKS：100个业界最尖端的技巧和⼯具》《MySQL开发者SQL权威指南》《MySQL技术内幕.第5版》《MySQL技术内幕 InnoDB存储引擎第2版》《MySQL管理之道，性能调优，⾼可⽤与监控（第⼆版）》《MySQL LVS+Keepalived+MHA ⾼可⽤群集应⽤部署操作⼿册》《MySQL 5权威指南中⽂版第3版》《⾼性能MySQL 第3版中⽂》微服务相关：《微服设计》《轻量级微服务架构（上册）》《轻量级微服务架构（下册）⼤数据：《Hive 简明教程》《Spark⼤数据处理技术、应⽤与性能优化》架构相关《⼤规模分布式存储系统：原理解析与架构实战.杨传辉》《⼤规模分布式系统架构与设计实战.完整版》git相关:《Git权威指南》elasticSearch相关：《深⼊理解ElasticSearch》********2018/2/2 已更新247本********Docker相关《Docker — 从⼊门到实践》《KUBERNETES权威指南从DOCKET到KURBERNETES实践全接触》Elasticsearch相关《Elasticsearch服务器开发（第2版）》《Elasticsearch技术解析与实战》《Elasticsearch权威指南(中⽂版)》tomcat相关《深⼊剖析Tomcat（中⽂版）》《Tomcat架构解析.刘光瑞(详细书签)》spring Cloud相关《Spring Cloud与Docker微服务架构实战》Spring相关《Spring Cloud与Docker微服务架构实战》《Spring Data实战》多线程相关《实战Java⾼并发程序设计》《图解Java多线程设计模式》《Java并发编程的艺术》《Java多线程编程实战指南设计模式篇》git相关《GitHub⼊门与实践_(⽇)_》架构相关《⼤型⽹站技术架构：核⼼原理与案例分析》数据结构和算法相关《编程珠玑2》《⼤话数据结构》《数据结构（Java版）》《程序员的数学3+线性代数》********2017/12/25 已更新227本********Docker相关《循序渐进学Docker》struts《精通Struts基于MVC的JavaWeb设计与开发》sql相关《[漫画数据库].（⽇）⾼桥⿇奈》《DB2+SQL性能调优秘笈》《⼲净的数据++数据清洗⼊门与实践》《MySQL最佳优化完美攻略》《SQL.24⼩时⾃学⼿册》《SQL语⾔艺术》Spring相关《精通Spring MVC4》《Spring+MVC+MYBatis企业应⽤实战》《Spring+Security3+张卫滨(译)》Spring Cloud《Spring Cloud Dalston中⽂⽂档+参考⼿册+中⽂版》python相关《Flask+Web开发：基于Python的Web应⽤开发实战》nodejs相关《了不起的Node js将JavaScript进⾏到底》myabtis《MyBatis技术内幕》《MyBatis3⽤户指南中⽂版》《MyBatis从⼊门到精通__刘增辉(著)》Kylin相关《Apache Kylin权威指南》性能相关《构建⾼性能WEB站点》《零成本实现Web性能测试》《java性能优化权威指南（带书签）》《Web性能测试实战详解+Web开发典藏⼤系》⽹络编程《TCPIP⽹络编程技术基础》前端相关《术与道移动应⽤UI设计必修课》《写给⼤家看的设计书（第4版）》《Ajax安全技术》架构《程序员必读之软件架构》《架构即未来现代企业可扩展的Web架构流程和组织原书第2版》《架构探险从零开始写javaweb框架》《⼈⼈都是架构师+分布式系统架构落地与瓶颈突破》《软件构架实践_第⼆版_林_巴斯等著》《系统架构：复杂系统的产品设计与开发》《⼀线架构师实践指南》《云计算架构技术与实践+第2版》《O2O实战+他们是如何利⽤互联⽹的》********2017/09/22 已更新192本********Docker相关《Docker技术⼊门与实战》《Docker容器与容器云（第2版）》《第⼀本Docker书 PDF电⼦书下载带书签⽬录完整版》Elasticsearch相关：《ElasticSearch可扩展的开源弹性搜索解决⽅案》《实战Elasticsearch、Logstash、Kibana++分布式⼤数据搜索与⽇志挖掘及可视化解决⽅案》Hibernate相关：《Hibernate5⽤户⼿册中⽂版》spring Boot相关：《深⼊实践Spring Boot.陈韶健》Java EE：《[使⽤Java.Web服务构建SOA].(汉森).成保栋》《Java+Web开发与实战--Eclipse+Tomcat+Servlet+JSP整合应⽤》《HTTPS权威指南在服务器和Web应⽤上部署SSL&TLS和PKI》《Java EE7权威指南卷2》《Java Web企业项⽬实战》《Java+Web技术整合应⽤与项⽬实战JSP+Servlet+Struts2+Hibernate+Spring3》《JavaEE7精粹》Java相关：《Java8函数式编程》《深⼊理解JAVA内存模型》多线程：《JAVA并发编程核⼼⽅法与框架 ,⾼洪岩著》********2017/08/10 已更新175本********java:《Head First Java 中⽂⾼清版》《Java核⼼技术(卷I)基础知(原书第9版)》《Java核⼼技术卷II ⾼级特性(原书第9版)》算法：《数据结构与算法分析_Java语⾔描述(第2版)》《算法基础.打开算法之门》《算法导论(原书第3版)》《算法概论》多线程《Java并发编程：设计原则与模式（第⼆版）》《java线程》《Java虚拟机并发编程》git《Git版本控制管理（第2版）《完全学会GIT GITHUB GIT SERVER的24堂课》nginx：《Nginx⾼性能Web服务器详解》********2017/07/02 已更新162本********java；《阿⾥双11系统管控调度架构与实践》《淘宝技术这⼗年，完整最终确认版》《啊哈！算法》《图解HTTP》完整彩⾊版《Apache服务器配置与使⽤⼯作笔记》《JAVA 8实战》《Java NIO 中⽂版》《Java+JVM》《Jsp、Tomcat、Sqlserver部分笔记》《从Paxos到Zookeeper 分布式⼀致性原理与实践（书签版）》《⼤型⽹站系统与JAVA中间件实践（⾼清版）》《深⼊分析Java Web技术修订版》Hibernate相关：《精通 Hibernate：Java 对象持久化技术详解(第2版)》HTML5相关：《HTML5移动Web开发指南》《HTML5移动开发即学即⽤(双⾊)》linux相关：《循序渐进Linux第2版》Netty相关：《Netty in Action第五版》Nginx相关：《Nginx教程从⼊门到精通》spring相关：《SPRING技术内幕：深⼊解析SPRING架构与设计原理》《Spring源码深度解析》SpringCloud：《Spring Cloud微服务实战》tomcat相关：《How Tomcat Works中⽂版》《Tomcat权威指南(第2版)》《Tomcat源码研究》数据库：《Effective MySQL之SQL语句最优化》《Sql Cookbook中⽂版》《SQL HACKS：100个业界最尖端的技巧和⼯具》《sql两⽇速成》《SQL注⼊攻击与防御原书第2版》《数据库查询优化器的艺术：原理解析与SQL性能优化》项⽬管理：《项⽬管理》********2017/06/22 已更新131本********java：《Java典型应⽤彻查1000例：Java⼊门》《Java典型应⽤彻查1000例：Web应⽤开发》《Java典型应⽤彻查1000例：数据库应⽤基础》《Java典型应⽤彻查1000例：图形与⽹络游戏开发》《Java典型应⽤彻查1000例：⽹络应⽤开发》《Java典型应⽤彻查1000例：⽹站数据库设计》《Java TCP IP Socket编程(原书第2版)》《Java程序员⾯试宝典(第2版)(欧⽴奇,刘洋,段韬) PDF 扫描版》《Java程序员⾯试宝典(杨磊) PDF 扫描版》《Java程序员⾯试笔试真题库_2017版》《Java程序员⾯试笔试真题与解析_迷你书_2017版》《TCPIP详解卷1》《TCPIP详解卷2》《TCPIP详解卷3》《UML精粹》《图解HTTP》多线程：《七周七并发模型》程序员个⼈修养:《编写⾼质量代码：改善Java程序的151个建议》linux相关：《LINUX SHELL脚本攻略(中⽂版带书签)》MongoDB相关：《MongoDB权威指南》Mybatis相关：《Mybatis_3中⽂⽤户指南》Node.js相关：《Node.js 开发指南》Struts相关：《Struts2 技术内幕——深⼊解析Struts2架构设计与实现原理》Spring相关：《Spring实战(第4版)》《Java EE设计模式：Spring企业级开发最佳实践》AngularJS相关：《AngularJS权威教程》《AngularJS深度剖析与最佳实践》********2017/06/02 已更新104本********java:《Java虚拟机并发编程》多线程：《Java并发编程学习笔记》《Java多线程编程深⼊详解》数据库：《MySQL性能调优与架构设计》《SQL必知必会》thymeleaf相关：《thymeleaf_3.0.5_中⽂参考⼿册》Redis相关：《Redis⼩⽩⼊门指南》MyBatis相关：《深⼊浅出MyBatis技术原理与实战》前端：《锋利的jQuery2》《[jQuery攻略].(印)哈⽡尼.扫描版》《锋利的jQuery》(⾼清扫描版-有书签)《jquery⾼級編程》********2017/05/11 已更新92本********java:《Java RESTful Web Service实战》《JAVA解惑》Netty相关：《Netty权威指南》Redis相关《Redis设计与实现》**2017/05/01**多线程：《Java 7并发编程实战⼿册》《Java并发编程实战（中⽂版）》Spring：《spring揭秘(完整)》《精通Spring》Nginx相关:《实战nginx》********2017/04/29********《Java常⽤算法⼿册第三版本》博主付费购买《数据结构与算法 Java版》博主付费购买《图解数据结构-使⽤Java》博主付费购买********2017/04/28********Spring相关:《精通Spring4.X企业应⽤开发实战》博主付费购买《亿级流量⽹站架构核⼼技术-跟开涛学搭建⾼可⽤⾼并发系统》博主付费购买********2017/04/27********前端相关：《超越CSS：Web设计艺术精髓》《精通CSS.-.⾼级Web标准解决⽅案.中⽂版》《CSS权威指南》CSS时尚编程百例CSS禅意花园linux相关：鸟哥私房菜（全）[鸟哥的Linux私房菜：服务器架设篇(第⼆版)]********2017/04/25********java⽬录：实战Java⾼并发程序设计Head First Servlet JSP(清晰中⽂版)java基础教程(强烈推荐)编程之美-完整版⼤话数据结构算法与数据结构-实⽤算法基础教程Java核⼼技术卷Ⅰ基础知识(第8版)Java核⼼技术卷Ⅱ⾼级特性(第8版)********2017/04/21********java⽬录：Java程序性能优化让你的Java程序更快、更稳定.pdf JavaSpringJava多线程MybatisHibernateStruts2GitPython算法数据库DockerRedis 前端Android C++ Maven 。

jQuery的版本以及jQuery的功能和优势jQuery 的版本从2005 年8 月开始，进入公共开发阶段，随之而来的新框架于2006 年1 月14 日正式以jQuery 的名称发布。

2006 年8 月发布了jQuery1.0，第一个稳定版本，具有对CSS 选择符、事件处理和Ajax 交互的支持。

2007 年1 月发布了jQuery1.1，极大的简化API。

合并了许多较少使用的方法。

2007 年7 月发布了jQuery1.1.3，优化了jQuery 选择符引擎执行的速度。

2007 年9 月发布了jQuery1.2，去掉了XPath 选择器，新增了命名空间事件。

2008 年5 月发布了jQuery1.2.6，引入了Dimensions 插件到核心库中。

2009 年1 月发布了jQuery1.3，使用了全新的选择符引擎Sizzle，性能进一步提升。

2010 年1 月发布了jQuery1.4，进行了一次大规模更新，提供了DOM 操作，增加了很多新的方法或是增强了原有的方法。

2010 年2 月发布了jQuery1.4.2，添加了.delegate()和.undelegate()两个新方法，提升了灵活性和浏览器一致性，对事件系统进行了升级。

2011 年1 月发布了jQuery1.5，重写了AJAX 组件，增强了扩展性和性能。

2011 年5 月发布了jQuery1.6，重写了Attribute 组件，引入了新对象和方法。

2011 年11 月发布了jQuery1.7，引入了.on()和.off()简介的API 解决事件绑定及委托容易混淆的问题。

2012 年3 月发布了jQuery1.7.2，进行一些优化和升级。

2012 年7 月发布了jQuery1.8，8 月发布了1.8.1，9 月发布了1.8.2，重写了选择符引擎，修复了一些问题。

2013 年1 月发布了jQuery1.9，CSS 的多属性设置，增强了CSS3。

jQuery实现⾼亮显⽰⽹页关键词的⽅法本⽂实例讲述了jQuery实现⾼亮显⽰⽹页关键词的⽅法。

分享给⼤家供⼤家参考。

具体如下：这是⼀款基于jquery实现的⾼亮显⽰⽹页上搜索关键词的代码，当你在⽂本框中输⼊的时候，如果下⾯的正⽂中包括你输⼊的内容，也就是关键字，那么这些关键字是会⾼亮显⽰的，被动态添加成黄⾊，看上去很醒⽬，就像百度快照显⽰关键词的样⼦。

运⾏效果如下图所⽰：具体代码如下：<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jquery⽂字⾼亮显⽰</title><style type="text/css">.highlight {background-color: #fff34d;-moz-border-radius: 5px; /* FF1+ */-webkit-border-radius: 5px; /* Saf3-4 */border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */}.highlight {padding:1px 4px;margin:0 -4px;}</style></head><body>Search: <input type="text" id="text-search" /><p>This can include web design, web content development, client liaison, client-side/server-side scripting, web server and network security configuration, and e-commerce development. However, among web professionals, "web development" usually refers to t (Text from Wikipedia)<script type="text/javascript" src="jquery-1.6.2.min.js"></script><script type="text/javascript">jQuery.fn.highlight = function(pat) {function innerHighlight(node, pat) {var skip = 0;if (node.nodeType == 3) {var pos = node.data.toUpperCase().indexOf(pat);if (pos >= 0) {var spannode = document.createElement('span');spannode.className = 'highlight';var middlebit = node.splitText(pos);var endbit = middlebit.splitText(pat.length);var middleclone = middlebit.cloneNode(true);spannode.appendChild(middleclone);middlebit.parentNode.replaceChild(spannode, middlebit);skip = 1;}}else if (node.nodeType == 1 && node.childNodes && !/(script|style)/i.test(node.tagName)) {for (var i = 0; i < node.childNodes.length; ++i) {i += innerHighlight(node.childNodes[i], pat);}}return skip;}return this.each(function() {innerHighlight(this, pat.toUpperCase());});};jQuery.fn.removeHighlight = function() {function newNormalize(node) {for (var i = 0, children = node.childNodes, nodeCount = children.length; i < nodeCount; i++) {var child = children[i];if (child.nodeType == 1) {newNormalize(child);continue;}if (child.nodeType != 3) { continue; }var next = child.nextSibling;if (next == null || next.nodeType != 3) { continue; }var combined_text = child.nodeValue + next.nodeValue;new_node = node.ownerDocument.createTextNode(combined_text);node.insertBefore(new_node, child);node.removeChild(child);node.removeChild(next);i--;nodeCount--;}}return this.find("span.highlight").each(function() {var thisParent = this.parentNode;thisParent.replaceChild(this.firstChild, this);newNormalize(thisParent);}).end();};</script><script type="text/javascript">$(function() {$('#text-search').bind('keyup change', function(ev) {// pull in the new valuevar searchTerm = $(this).val();// remove any old highlighted terms$('body').removeHighlight();// disable highlighting if emptyif ( searchTerm ) {// highlight the new term$('body').highlight( searchTerm );}});});</script></body></html>希望本⽂所述对⼤家的jquery程序设计有所帮助。

优雅锋利的jQuery write less ，do more--By GX目录第一章基础 (4)1.1 jQuery引用 (4)1.2第一个jQuery简单代码 (4)1.3 jQuery对象和DOM对象 (4)1.4解决jQuery和其他库的冲突问题 (5)第二章选择器 (6)2.1基本选择器 (8)2.2层次选择器 (8)2.3过滤选择器 (9)2.4表单选择器 (11)2.5其他选择器 (13)第三章jQuery中的DOM操作 (13)3.1 DOM节点 (13)3.2 CSS-DOM操作 (15)第四章jQuery中的事件和动画 (16)4.1事件 (16)4.1.1加载事件 (16)4.1.2事件绑定 (16)4.1.3合成事件 (17)4.1.4事件冒泡 (18)4.1.5事件对象属性 (18)4.1.6移除事件 (19)4.1.7模拟操作 (19)4.1.8其他用法 (20)4.2动画 (21)4.2.1 show和hide方法 (21)4.2.2 fadeIn和fadeOut方法 (21)4.2.3 slideUp和slideDown方法 (21)4.2.4自定义动画animate（） (21)4.2.5动画回调函数 (21)4.2.6停止动画和判断是否在动画状态 (22)4.2.7其他动画方法： (23)第五章jQuery与Ajax的应用 (24)5.1简单的Ajax (24)5.2 jQuery的Ajax (25)5.2.1 load（）方法 (25)5.2.2 $.get()和$.post() (25)5.2.3 $.getScript()和$.getJson() (26)5.2.4 $.ajax() (27)5.2.5序列化元素 (28)第六章jQuery表单元素操作应用 (28)6.1 单行文本框应用 (28)6.2 多行文本框应用 (29)6.2.1高度变化 (29)6.2.2 滚动条高度变化 (30)6.3复选框应用 (30)6.4 下拉框的应用 (31)6.5 表单验证 (33)6.6表格应用 (35)6.6.1表格变色 (35)6.6.2 表格的展开关闭 (39)6.6.3 表格内容筛选 (41)6.6.4 其他应用（自行研究） (43)第七章插件（自行研究） (43)第一章基础1.1 jQuery引用和引用外部JS文件方式一样<script src="../scripts/jQuery/jQuery1.83.js" type="text/javascript"></script>不要用2.0以上版本，不支持6.0以上的IE有mini版，有完整版，有代码提示插件，自行研究1.2第一个jQuery简单代码<script src="jQuery1.8.3.js" type="text/javascript"></script><script type="text/javascript">$(document).ready(function(){alert("Hello World!");});</script>首先引入jQuery文件其次$(document).ready() 调用document对象的ready方法相当于js中的window.onload方法二者区别：$(document).ready()可以写多个window.onload只能写一个$(document).ready()在加载页面结构完毕后就执行可能DOM元素关联的东西并没有加载完window.onload待整个页面加载完毕后才执行$(document).ready(function(){ 可以简写为$(function(){ })1.3 jQuery对象和DOM对象DOM对象：var a = document.getElementById("foo")jQuery对象：$("#foo")jQuery对象是对DOM对象的封装二者不可混淆二者的方法不可通用两种对象的转换：jQuery - DOMvar $a = $("#aa");var a = $a.get(0);或者var a = $a[0];DOM - jQueryvar a = document.getElementById("foo");var $a = $(a);1.4解决jQuery和其他库的冲突问题主要问题在于对$符号的使用$符号就等同于jQuery 字符$("#d") == jQuery("#d")方法一jQuery让出$符号使用权jQuery.noConflict();方法二jQuery自定义快捷方式var $j = jQuery.noConflict(); 此时$j就等同于$方法三jQuery局部使用$jQuery.noConflict();jQuery(function($){ $("#s").css('font-size','80px')});方法四jQuery外部包裹声明jQuery.noConflict();(function($){ $(function(){ }) })方法五先引入jQuery无需jQuery.noConflict();语句，直接使用jQuery代替$第二章选择器测试用页面代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>选择器</title><style type="text/css">div,span,p{width:140px;height:140px;margin:5px;background:#aaa;border:#000 1px solid;float:left;font-size:17px;font-family:Verdana;}div.mini{width:55px;height:55px;background:#aaa;font-size:12px;}div.hide{display:none;}</style></head><script src="jQuery1.8.3.js" type="text/javascript"></script><script src="Class2.js" type="text/javascript"></script><body><div class="one" id="one">id是one class也是one的div<div class="mini">class为mini</div></div><div class="one" id="two" title="test">id是two class是one title是test 的div<div class="mini" title="other">class 是mini title是other的div</div> <div class="mini" title="test">class 是mini title是test的div</div></div><div class="one"><div class="mini">class是mini的div</div><div class="mini">class是mini的div</div><div class="mini">class是mini的div</div><div class="mini"></div></div><div class="one"><div class="mini">class是mini的div</div><div class="mini">class是mini的div</div><div class="mini">class是mini的div</div><div class="mini" title="tesst">class是mini title是tesst</div></div><div style="display:none;" class="none">style的display属性是none的div</div><div class="hide">class是hide的div</div><div>包含input 的type属性为hidden的div<input type="hidden" size="8" /></div><span id="mover">正在执行动画的span元素</span><h1>基本过滤选择器</h1><br><input type="text" value="获取焦点"></body></html>（检验是否获取到jQuery对象时应该用$(“#d”).length>0 来判断）2.1基本选择器$(function(){$('#one').css('background','#bbffaa');$('.mini').css('background','#bbffaa');$('div').css('background','red');$('*').css('background','blue');$('span,#two').css('background','red');});2.2层次选择器1.后代元素：$(…div span‟) 选取div里的所有span（包括子元素里的span 孙元素里的span）2.子元素：$(…div >span‟) 选取div里下一层子元素里的span元素（只包括子元素里的span）3.相邻元素：$(….one+div‟) 选取class为one的相邻的下一个元素可用$(….one‟).next(…div‟)代替4.同辈元素：$(…#two~div‟) 选取id为two的元素后面所有的同辈div元素可用$(…#two‟).nextall(…div‟)代替2.3过滤选择器1.基本过滤:first $(…div:first‟) 选取所有div元素中的第一个div元素:last $(…div:last‟ ) 选取所有div元素中的最后一个div元素:not() $(…input:not(.myclass)‟) 选取class不是myclass的input元素:even $(…table tr:even‟) 选取表格中的偶数行下标从0开始0也是偶数:odd $(…table tr:odd‟) 选取表格中的奇数行下标从0开始:ep() $(…table tr td:eq(2)‟) 选取表格中每一行的第三列括号内的下标从0开始:gt() $(…table tr td:gt(1)‟) 选取表格中每一行第二列以后的列不包括第二列:lt() $(…table tr td:gt(3)‟) 选取表格中每一行第四列之前的列不包括第四列:header $(…:header‟) 选取网页中所有标题元素<h1>等:animated $(…div:animated‟) 选取正在执行动画的div元素:focus $(…:focus‟) 选取当前获取焦点的元素2.内容过滤:contains() $(“div:contains(…我‟)”)选取文本含有“我”的div:empty $(…div:empty‟) 选取不含子元素（包括文本）的div:has() $(…div:has(p)‟) 选取含有p元素的div:parent $(…div:parent‟) 选取拥有子元素（包含文本）的div3.可见性过滤:hidden $(…:hidden‟) 选择所有不可见元素包括隐藏域display:none visibility:hidden(display:none完全隐藏，页面不存在该区域visibility:hidden不显示，页面还有这块区域，只是不显示内容) :visible $(…div:visible‟) 选取所有可见div4.属性过滤[] $(…div[id]‟) 选取拥有id属性的div[=] $(…div[title=test]‟) 选取title属性为test的div[!=] $(…div[title!=test]‟) 选取title属性不为test的div 没有title属性的div也被选取[^=] $(…div[title^=test]‟) 选取title属性以test开始的div[$=] $(…div[title$=test]‟) 选取title属性以test结束的div[*=] $(…div[title*=test]‟) 选取title属性包含test的div[|=] $(…div[title|=test]‟) 选取title等于test或者以test为前缀的div[~=] $(…div[title~=test]‟) 选取title用空格分隔的值中包含test字符的元素[][][] $(…div[id][title=test]‟) 选取有id属性且title属性值为test的div5.子元素过滤:nth-child(index/even/odd/qpuation) $(…table tr td:nth-child(2)‟) 选取每个tr下第二个td 注意子元素下标从1开始:first-child $(…ul li:first-child‟) 选取每个ul中第一个li:last-child $(…ul li:last-child‟) 选取每个ul中最后一个li:only-child $(…ul li:only-child‟) 如果ul下只有li一个子元素，那么该元素被选中6.表单对象属性过滤测试页面代码：<form id="form1" action="###">可用元素：<input name="add" value="可用文本框" type="text" /><br>不可用元素：<input name="email" disabled="disabled" value="不可用文本框" type="text" /><br>可用元素：<input name="che" value="可用文本框" type="text" /><br>不可用元素：<input name="name" disabled="disabled" value="不可用文本框" type="text" /><br><br>多选框：<br><input type="checkbox" name="newletter" checked="checked" value="test1"/>test1<input type="checkbox" name="newletter" value="test2"/>test2<input type="checkbox" name="newletter" value="test3"/>test3<input type="checkbox" name="newletter" checked="checked" value="test4"/>test4<input type="checkbox" name="newletter" value="test5"/>test5<div></div><br/><br/>下拉列表1：<br><select name="test" multiple="multiple" style="height:100px"><option>浙江</option><option selected="selected">湖南</option><option>北京</option><option selected="selected">天津</option><option>广州</option><option>湖北</option></select><br/><br/>下拉列表2：<br><select name="test2" class="test2"><option>浙江</option><option>湖南</option><option selected="selected">北京</option><option>天津</option><option>广州</option><option>湖北</option></select><br/><br/></form>:enabled $(…#form1 :enabled‟) 选取id为form1的表单内所有可用元素:disabled $(…#form1 :disabled‟) 选取id为form1的表单内所有不可用元素:checked $(…input:checked‟) 选取所有被选中的input元素:selected $(“select option:selected”) 选取下拉框中所有被选中的元素2.4表单选择器测试页面代码：<form id="form1" action="###"><input type="button" value="Button" /><br /><input type="checkbox" name="c"/>1<input type="checkbox" name="c"/>2<input type="checkbox" name="c"/>3<br><input type="file" /><br><input type="hidden"/><div style="display:none">test</div><br /><input type="image" /><br><input type="password" /><br /><input type="radio" name="a" />1<input type="radio" name="a" />2<br /><input type="reset" /><br /><input type="submit" value="提交"/><br /><input type="text" /><br /><select><option>option</option></select><br /><textarea></textarea><br /><button>Button</button><br /></form>:input $(…:input‟) 选取所有input textarea select button 元素:text $(…:text‟) 选取所有单行文本框元素:password $(“:password”) 选取所有密码框:radio $(…:radion‟) 选取所有单选框:checkbox $(“:checkbox”) 选取所有复选框:submit $(…:submit‟) 选取所有提交按钮:image $(“:image”) 选取所有图像按钮:reset $(…:reset‟) 选取所有重置按钮:button $(…:button‟) 选取所有按钮:file $(…:file‟) 选取所有上传域:hidden $(…:hidden‟) 选取所有不可见元素，包括隐藏域disply:none visibility:hidden注意选择器里面的空格问题：$(….test :hidden‟) 选取的是class为test的元素里面的所有隐藏元素$(….test:hidden‟) 选取的是class为test的元素2.5其他选择器通过扩展jQuery插件可以使用更多选择器，请自行研究。

JQuery学习笔记一、基础知识1、JQuery库说明JQuery-1.5.2.js ——完整无压缩版本，用于测试、学习和开发JQuery-1.5.2.min.js ——经过JSMin等工具压缩后的版本，体积小，用于项目和产品【注：jQuery正确写法是j小写】2、使用JQuery只要将下载的JQuery库引入到页面JS脚本处即可，方法如下：<!—在Head标签内引入JQuery - -><script src=”scripts/jQuery-1.5.2.js”type=”text/javascript”></script>3、JQuery对象与DOM对象转换JQuery对象是一个数组对象，可以使用两种方式转换为DOM对象（1）var $cr = $(“#cr”) ; //JQuery objectVar cr = $cr[0] ; //DOM object ;（2）var $cr = $ (“ #cr “) ; var cr = $cr . get ( 0 );对于一个DOM对象，只需用$() 将DOM对象包装起来，就可以转换为JQuery对象Var cr = document.getElementById ( “ cr” ); //DOM objectVar $cr = $ ( cr ) ; //JQuery object4、JQuery库与其他库的冲突解决默认JQuery库用$作为自身的快捷方式，在先加载其他JS库时，可能出现$冲突，这时有以下几种解决方法：（1）在任何时候都可以调用JQuery . noConflict ( ) 函数来将变量$的控制权移交给其他JS 库。

示例：<!-- prototype -- ><script src = “prototype-1.6.0.3.js “type=”text/javascript” ></script><!-- jQuery -- ><script src=”scripts/jQuery-1.5.2.js”type=”text/javascript”></script><script language =”javascript “>JQuery . noConflict ( ); //移动变量$控制权</script>（2）还可以使用JQuery . noConflict ( ) 方法自定义快捷方式，即Var 新快捷方式= JQuery . noConflict ( );（3）将变量$作为形参传递到JQuery中，在函数内部继续使用$快捷符号，示例如下：<!-- prototype -- ><script src = “prototype-1.6.0.3.js “type=”text/javascript” ></script><!-- jQuery -- ><script src=”scripts/jQuery-1.5.2.js”type=”text/javascript”></script><script language =”javascript “>JQuery . noConflict ( ); //移动变量$控制权JQuery ( function ( $ ){$(“ p” ) . click ( function () { alet ( $(this) . text () ); } )} )</script>（4）将JQuery库在其他库之前导入，这时无需调用JQuery . noConfict () 函数就可以交出$控制权限。

1.导航类 (5)(1)Horizontal accordion: jQuery (5)(2)jQuery-Horizontal Accordion (5)(3)jQuery plugin: Accordion (5)(4)Accordion Menu script (6)(5)模仿ext的tab选项卡 (6)(6) (8)（7）De-Constructing Accordion and Hover Effects with jQuery (8)（8）导航到页内指定位置 (9)（10） Sexy Drop Down Menu w/ jQuery & CSS (9)（11） A Different Top Navigation (10)（12）Sliding Jquery Menu Tutorial (10)（13）Animated Drop Down Menu with jQuery (10)14. jQuery UI错误！未找到索引项。

Potato Menu (10)15. Make a Mega Drop-Down Menu with jQuery (11)（16）Superfish v1.4.8 – jQuery menu plugin by Joel Birch (11)（17）jQuery (mb)Menu 2.7 (11)（18） jQuery File Tree (12)19.jQuery & CSS Example – Dropdown Menu (12)20. Reinventing a Drop Down with CSS and jQuery (12)21. Simple jQuery Dropdowns (13)22. Styling Drop Down Boxes with jQuery (13)23. jQuery iPod-style Drilldown Menu (13)24. jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles with ARIA Support andThemeRoller Ready (14)25. mcDropdown jQuery Plug-in v1.2.07 (14)26. jQuery Drop Line Tabs (14)27. Cut & Paste jQuery Mega Menu (15)28. jdMenu Hierarchical Menu Plugin (15)2.消息提示类 (15)（1）Facebox (15)（2）SimpleModal (16)（3）jTip (16)（4）BetterTip (17)（5）clueTip (17)（6）jQuery lightBox plugin (17)（7）jQuery Impromptu (18)（8）jQuery.UI Messenger"Outlook like message notification Widget (18)（9）FancyBox (18)（10）Coda Popup Bubbles (19)（11）jGrowl (19)（12）jqWindowsEngine (20)（13）jQuery Alert Dialogs (20)（14）BeautyTips (21)（15）Facebook/Xiaonei 风格模态框 (21)3.图片展示类 (22)(3)Easy News (23)(4)jQZoom (24)(5)jCarousel Lite (24)(6)jCarousel (25)(7)Spacegallery-Jquery (25)(8)jQuery Slider Gallery (25)(9)jQuery Cycle Plugin (26)(10)Zoomimage (26)(11)prettyPhoto (27)(12)ThickBox (28)(13)Galleria (28)(14)jQuery Flash Plugin (29)(15)jQuery.SerialScroll (29)(16)InnerFade (30)(17)NyroModal (30)(18)CrossSlide (31)(19)Magnify (31)(20)Img Notes (32)(21)FancyZoom (32)(22)Jcrop (33)(23)Galleriffic (33)(24)Image Upload and Auto Crop (34)(25)prettyGallery (34)(26)jQuery.popeye (34)(27)s3Slider (35)(28)Pirobox (36)(29)Simple Controls Gallery (36)(30)Agile Carousel (36)(31)jQuery Plugin-Page Peel (37)(32)Easy Slider (37)(33)imgPreview (38)(34)Jquery Fade In.Fade Out (38)(35)Captify (38)(36)jParallax (39)(37)jQuery---运用图片预加载技术打造幻灯片 (40)(38)jQuery pageSlide (41)(39)Creating a Slick Auto-Playing Featured Content Slider (41)(40)Portfolio Layout Idea Using jQuery (41)(41)jQuery---图片先模糊后清楚 (42)(42)使用jQuery实现网页报纸 (42)(43)jQuery购物网站产品展示. (43)(44)Gallerific (44)(45)ZoomImage (44)(46)EasySlider (45)(47)The Slider from Barack Obama’s website (45)(50)Beautiful Slider 热点图书： (47)(51)LoopedSlider (47)(52)SpaceGallery (48)(53)jQuery Popeye (48)(54)Noobslide 热点图书： (49)(55)Accessible News Slider 热点图书： (49)(56)SmoothGallery 热点图书： (49)(57)jQuery Multimedia Portfolio (50)(58)s3Slider (50)(59)fxMarquee (50)(60)商品放大镜效果 (51)(61)PageSlide (53)64.不错的图片分类展示或者文字展示效果 (54)67.利用z-index做的图片展示效果 (55)4.自动填充类 (56)（1）AutoComplete-JQuery (56)（2）Facebook like Autocomplete (56)（3）jQuery Autocomplete Mod (56)（4）jqac (56)（5）jQuery Tag Suggestion (56)（6）Autocomplete-jQuery ajax (57)（7）jQuery.Suggest (57)（8）Autocomplete- jQuery plugin (57)（9）jQuery plugin: Autocomplete (57)（10）jSuggest (57)（11）jQuery Live Ajax Search Plug-in (58)（12）ddcombobox (58)5.分页类 (60)（1）jQuery Pagination (60)（2）pager jQuery plug-in (60)（3）JQuery Pager (61)6.编辑器类 (61)（1）jwysiwyg (61)（2）Damn Small Rich Text Editor (61)(3)xhEditor (62)7.表格类 (62)(1)Flexigrid (62)(2)Ingrid (62)(3)jQuery Grid (63)(4)tableHover (63)(5)JQuery.Resizer (64)(6)tablesorter (64)(7)csv2table (64)(8)tableFormSynch (65)8.色彩选择器类 (65)9.数据验证类 (67)1. jQuery plugin: Validation (67)2. Masked Input Plugin (67)3 jVal (68)10.报表类 (68)1. (68)2. Flot (68)3. jQchart (69)4 jquery.sparkline (69)5. jQuery Google Charts (演示地址) (70)6. jqPlot (演示地址) (70)11.上传类 (70)1. jqUploader (70)2. jQuery Multiple File Upload Plugin (70)3. jQuery: Ajax file upload (70)12.日期时间类 (71)1. jQuery UI Datepicker (71)2. Date Picker (71)3. Date Range Picker (71)13.圆角效果类 (72)1. jQuery Corner (72)2. JQuery Curvy Corners (72)3. jQuery Corner (73)4. jQuery Corners (73)14.评价类 (74)（1）Creating a Dynamic Poll with jQuery and PHP (74)（3） jQuery Ajax Rater Plugin (75)4. Star Rating widget (75)5. jQuery Star Rating Plugin (75)6. Ajax Poll (75)7.jQuery 投票调查组件 (76)15.虚拟键盘类 (77)1. (77)2.jQuery 虚拟键盘 (78)3.Virtual keyboard 虚拟键盘 (78)16.Form元件扩展 (78)（1）bobox (78)（2）jquery button:对按钮的扩展 (79)(3)ContextMenu (79)（4） (79)（5）在链接旁边加一个小图标效果 (80)6 jNice (80)7. jQuery calculate (80)8. jQuery select box (81)12. mcDropdown jQuery Plug-in (82)13. Create A Slider From A Select Box (82)14. TextArea Resizer (83)15. jQuery MultiSelect (83)16. Editable(jQuery Editable Plugin) (83)17. NicejForm (84)18. jScrollPane (84)19.利用jQuery制作类似skype的按钮效果 (84)20.jCheckbox: (85)（21）jQuery asmSelect 感谢博览群书友情提供 (85)17.游戏类 (85)1.连连看 (85)18.代码高亮类 (85)1. beautyOfCode (演示地址) (85)2. Chili (演示地址) (85)3. Highlight plugin (演示地址) (86)1.导航类(1)Horizontal accordion: jQuery基于jQuery开发，非常简单的水平方向折叠控件。