`
guomingzhang2008
  • 浏览: 161580 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

源码-锋利的JQuery

阅读更多
jQuery系统学习代码,见附件,下面是简单的介绍:

    一年前我认识了它---jQuery,从此就一发不可收拾。有人说:jQuery是毒药,会使人不思进取,放弃原生的JavaScript的学习。不过从我的经验看来,事实并不是这样,笔者正是由于jQuery,才对JavaScript这门语言感兴趣,直至爱上JavaScript。兴趣是最好的老师。现在我时不时会想:这个程序利用jQuery是这么实现,那么利用JavaScript怎么来实现呢。以前,我喜欢用jQuery去改写原生的JavaScript效果。现在,我更喜欢利用原生的JavaScript来改写jQuery的程序。对我来说,借鉴jQuery的编程思路来编写其它JavaScript程序已经让我乐此不疲。
曾经有朋友问我为什么最终选择jQuery。说实话,这个也说不上为什么,也许是当初jQuery给我的第一印象非常好的原因吧。它非常容易上手,它的大部分思想都是从HTML和CSS的结构中借鉴而来的,所以编程经验不多的设计师能够快速学会使用该库。记得那时候的我经常会在用jQuery做出的某种动态效果后而高兴不已,常常惊叹于jQuery如此小巧,却有如此强大的功能。
在以前学习jQuery的时候,互联网并没有现在这么多资料,完全是靠自己看国外的网站的资料,每看完一个方法后,我都会做一点笔记,然后发布到Blog(cssrain.cn)上,和网友们分享。时间一长,笔记的内容已经非常充足了。这本书的内容也就是从笔记衍生而来,相对于Blog的笔记,书的内容更加系统。

本书内容的编排
jQuery介绍-->选择器-->DOM操作-->事件和动画-->Ajax应用-->插件-->完整DEMO

本书循序渐进的对jQuery的各种方法和使用进行介绍,读者可以系统的掌握jQuery关于DOM操作、事件监听和动画、表单操作、AJAX以及插件方面知识点,并结合每个章节后面的案例演示进行练习,达到掌握本章节知识点的目的,使读者更好地进行开发实践。

本书共分为8章,
第1章首先介绍了JavaScript以及各种JavaScript库的作用和对比。然后介绍了jQuery以及jQuery的优势,接下来介绍了配置jQuery环境,编写简单的jQuery代码和jQuery代码的风格。最后对jQuery对象和DOM对象的相互转换,jQuery和其他库的冲突两个常见问题进行了详细描述。此外,本章还介绍了几款jQuery的开发工具和插件。本章是全书的基础。

第2章的重点是选择器。首先介绍了CSS选择器,jQuery选择器和选择器的优势。然后分门别类的详细介绍了选择器,比如基本选择器、层次选择器、过滤选择器和表单选择器等等,其中还介绍了选择器中的注意事项。对每个选择器都提供了实例代码,力图使读者更快的掌握jQuery的选择器使用。最后通过案例研究来巩固选择器。此外,本章还介绍了几款其它的CSS选择器。本章是学习jQuery的核心基础。

第3章的重点是DOM操作。首先介绍了DOM操作的分类。然后通过例子详细的介绍了jQuery中的DOM操作以及利用jQuery是如何简化DOM操作的。最后通过案例研究来巩固DOM操作。本章是学习jQuery的DOM操作的基础。

第4章分为2个部分。第1部分是介绍jQuery中的事件。第2部分是介绍jQuery中的动画。在第1部分中,详细介绍了jQuery中的事件方法,比如事件绑定、合成事件、事件冒泡、事件对象的属性、移除事件、模拟事件等。在第2部分中,详细介绍了jQuery中的动画方法,比如普通动画,渐显动画,自定义动画等。在讲解动画的过程中,还特意介绍了在制作动画过程中常见的一些问题。最后通过案例研究来加强对事件和动画的理解。本章是学习jQuery的事件和动画的基础。

第5章是实例演练。首先针对Web中常见的表单操作进行了讲解,包括单行文本框应用、多行文本框应用、复选框应用、下拉框应用和表单验证。然后针对常见的表格操作进行了讲解,包括表格变色、表格展开关闭和表格内容筛选。最后对常见的网页操作,包括网页字体大小、网页选项卡和网页换肤等应用进行了讲解,相信读者在本章可以找到很多与项目相关的示例和说明。同时,本章也是对前面4章的知识的一个巩固。

第6章的重点是Ajax应用。首先介绍了Ajax技术的优势和不足以及Ajax的核心对象XMLHttpRequest。然后介绍jQuery中的Ajax解决方案,比如load(),$.get(),$.post(),$.ajax()等。通过这些方法和DOM操作的结合将大大简化Ajax的开发。接下来介绍了Ajax中的序列化元素和全局事件。最后通过制作Ajax聊天程序作为案例研究来巩固Ajax操作。本章是学习jQuery的Ajax应用的基础。

第7章的重点是插件。jQuery有着非常丰富而强大的插件。在这一章里,首先是对几个常用、实用的插件进行详细讲解,比如表单验证插件(Validation Plugin), 表单插件(Form Plugin), 动态绑定事件插件(livequery Plugin),Cookie Plugin,排序(UI sortable)。最后详细介绍了如何编写jQuery插件和插件的注意事项。本章是学习jQuery的插件应用和编写的基础。

第8章是本书的最后一章。本章将前7章讲解的知识点和效果进行整合,然后打造出一个非常有个性的网站,并从案例研究、网站材料、网站结构、网站样式和网站脚本等方面指导读者参与到项目建设来,而不是仅仅是简单的编写代码。

本书的附录部分也比较重要。附录有7篇。
第1篇介绍了jQuery中的$(document).ready()方法.
第2篇介绍了前端开发调试工具---Firebug.
第3篇介绍了Ajax的核心对象---XMLHttpRequest.
第4篇介绍了jQuery中的$.ajax()方法.
第5篇介绍了jQuery加载并解析xml.
第6篇是第七章的插件的API
第7篇是jQuery API速查表.


本书读者对象
本书适合所有对jQuery技术感兴趣的Web设计者,前台编程人员。阅读此书需要有一定的HTML、CSS和JavaScript知识。

本书约定
1,本书代码已灰色为背景,如下所示:
<html>
<head>
<!-- 在head标签内 引入jQuery  -->
<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
</head>
<body>
</body>
</html>

2,如果需要读者注意书中知识点或其它内容时,相应内容如下所示:

注意,在本书的后面所有章节中,如果没有特别说明,jQuery库都是默认导入的。

3, 本书所有例子都是基于jQuery1.3.1版而制作。
4, 如果没有特别说明,jQuery1.3.1程序库都是默认导入。
5, 如果没有特别说明,程序中的$符号都是jQuery的一个简写形式。
6, 如果没有特别说明,代码默认都是在document.ready()里执行。
7, 如果获取的是jQuery对象,那么我们在变量前面加上$,如:
var  $variable   =   jQuery 对象 ;
如果获取的是DOM对象,则这么定义:
var  variable    =   DOM对象;
本书中的例子均会以这种方式呈现,以方便读者阅读。
8, 如果没有特别说明,所有网页的头部的都必须有标准的DOCTYPE声明。

感谢
小飞,小天,佐佐,宇赫,IT农民,还有几名热心的读者。
感谢编辑。正式由于他们的付出,才使得本书圆满顺利的完成。

读者反馈
我们十分欢迎来自读者宝贵的建议。这些建议可以是您感兴趣的章节,或者没有介绍详细而又十分需要的知识。来自读者第一手的建议,是本书继续改进的最好动力。


最后希望本书能给大家带来收获。

每多学一点知识,代码就少写一点。

---单东林
分享到:
评论

相关推荐

    jQuery源码 jQuery源码 jQuery源码

    jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码...

    商业编程-源码-利用Jquery实现的RSS阅读器.zip

    《商业编程-源码-利用Jquery实现的RSS阅读器》是一个典型的Web开发项目,它展示了如何使用jQuery库来创建一个功能丰富的RSS订阅工具。在本文中,我们将深入探讨jQuery库,RSS技术以及如何将两者结合,以实现一个高效...

    jQuery-, jQuery源码解读 -- jQuery v1.10.2.zip

    《jQuery源码解读——深入理解jQuery v1.10.2》 jQuery,这个轻量级的JavaScript库,自2006年发布以来,以其简洁的API和强大的功能深受开发者喜爱,成为Web开发领域中不可或缺的一部分。本文将对jQuery v1.10.2的...

    jQuery学习示例源码--jQuery基本知识

    **jQuery学习示例源码——jQuery基本知识** jQuery是一个轻量级、高性能的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。jQuery的设计目标是使JavaScript编程变得更简单、更易用,它封装了...

    PHP实例开发源码-用Jquery实现大文件上传 Jquery Large File Upload.zip

    PHP实例开发源码—用Jquery实现大文件上传 Jquery Large File Upload.zip PHP实例开发源码—用Jquery实现大文件上传 Jquery Large File Upload.zip PHP实例开发源码—用Jquery实现大文件上传 Jquery Large File ...

    商业源码-编程源码-JQuery构建可拖曳购物车源码.zip

    本源码“JQuery构建可拖曳购物车源码”旨在为电子商务网站提供一种交互性强、用户体验良好的购物车实现方式。通过使用jQuery,开发者可以创建出动态且易于操作的拖放功能,使用户能够方便地将商品添加到购物车,并在...

    大转盘h5--jquery插件源码

    【标题】:“大转盘h5--jquery插件源码”是关于在H5(HTML5)中使用jQuery实现的一款互动抽奖插件的源代码。这个项目的核心是通过jQuery库来设计并控制一个可视化的“幸运大转盘”,用于创建吸引用户的互动体验,...

    商业编程-源码-jQuery formValidator表单验证插件示例源码.zip

    在提供的压缩包中,包含了一个使用jQuery formValidator的示例源码。这个示例展示了如何配置和使用插件进行基本的表单验证,包括必填项验证、长度验证、邮箱验证等。通过对源码的学习,可以更深入理解插件的工作原理...

    商业编程-源码-利用OpenGL实现动画效果.zip

    【描述】: "商业编程-源码-利用Jquery实现的RSS阅读器.zip" 虽然标题提到了OpenGL,但描述中提到的是利用jQuery实现的RSS阅读器。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax...

    cs横版忍者跳跃吃金币游戏源码-H5-JQUERY.rar

    《基于HTML5与JQuery的横版忍者跳跃吃金币游戏源码解析》 在当前的数字娱乐领域,HTML5游戏已经成为了一股不可忽视的力量,它们凭借其跨平台的特性,为用户带来了丰富的游戏体验。本篇将深入探讨一款名为"cs横版...

    sumerui - jQuery仿抖音视频网页源码【纯前端HTML5 + JS + CSS】

    sumerui - jQuery仿抖音视频网页源码【纯前端HTML5 + JS + CSS】sumerui - jQuery仿抖音视频网页源码【纯前端HTML5 + JS + CSS】sumerui - jQuery仿抖音视频网页源码【纯前端HTML5 + JS + CSS】sumerui - jQuery仿...

    锋利的jQuery---附源码

    总之,《锋利的jQuery》这本书结合源码,不仅教授了jQuery的基本用法,还深入探讨了高级特性和实践应用,对于想要提升JavaScript技能和深入了解jQuery的开发者来说,是一份非常宝贵的参考资料。通过学习和实践书中...

    妙味课堂--jQuery源码

    《jQuery源码解析:深入理解JavaScript库的精髓》 jQuery,作为一款广泛应用于Web开发的JavaScript库,以其简洁的API和强大的功能深受开发者喜爱。它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务,...

    锋利的Jquery 源码 锋利的Jquery 源码 jQuery学习资料

    《锋利的jQuery》是一本深受开发者欢迎的jQuery学习书籍,其源码是理解jQuery核心原理的重要参考资料。jQuery是一款高效、简洁的JavaScript库,它极大地简化了JavaScript在网页上的DOM操作、事件处理、动画设计和...

    jQuery-with-XSS 检测jQuery版本是否存在XSS漏洞

    网站中包含大量的动态内容以提高用户体验,比过去要复杂得多。所谓动态内容,就是根据用户环境和需要,Web应用程序能够输出相应的内容。动态站点会受到一种名为“跨站脚本攻击”(Cross Site Scripting, 安全专家们...

    锋利jquery最新源码

    《锋利jQuery最新源码解析》 jQuery,作为一款广泛使用的JavaScript库,为开发者提供了简洁易用的API,使得操作DOM、处理事件、执行动画以及实现Ajax交互变得更加简单。"锋利jQuery最新源码"是对jQuery核心源码的...

    基于jQuery的HTML5移动端音乐播放器源码.zip

    基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器源码 基于jQuery的HTML5移动端音乐播放器...

    jquery-单机版斗地主小游戏源码--HTML-代码

    本项目以"jQuery-单机版斗地主小游戏源码"为例,深入探讨如何运用这三种技术构建一个功能完整、视觉效果丰富的游戏应用。此项目特别适用于前端开发者学习和参考,尤其是对于初学者,它提供了实际的案例来理解和实践...

    锋利的jquery实例源码

    《锋利的jQuery》是一本深入讲解jQuery技术的电子书籍,其实例源码提供了丰富的实践素材,对于学习和理解jQuery的特性和应用有着极大的帮助。jQuery作为JavaScript的一个超集,以其简洁、高效的API设计,极大地简化...

Global site tag (gtag.js) - Google Analytics