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农民,还有几名热心的读者。
感谢编辑。正式由于他们的付出,才使得本书圆满顺利的完成。
读者反馈
我们十分欢迎来自读者宝贵的建议。这些建议可以是您感兴趣的章节,或者没有介绍详细而又十分需要的知识。来自读者第一手的建议,是本书继续改进的最好动力。
最后希望本书能给大家带来收获。
每多学一点知识,代码就少写一点。
---单东林