新jQuery程序设计基础教程 工业和信息化普通高等教育“十二五”规划教材 教学课件 姚敦红 杨凌 张志美 李晓黎 等编著 第1章.pptVIP

成功安装后的扩展管理对话框 单击“安装”按钮，打开选择文件的对话框，选择jQuery_api_for_dw_cs5.mxp，然后单击“确定”按钮。 在Dreamweaver中自动提示jQuery语法 重新启动Dreamweaver后，新建或编辑网页，引用jQuery.js后，就可以自动提示jQuery语法了 1.3.2 调试jQuery程序 使用Dreamweaver编辑jQuery程序很方便，但是不能调试jQuery程序。如果程序中有bug就不容易分析和解决了。 jQuery是JavaScript的脚本库，因此调试jQuery程序实际上就是调试JavaScript程序，具体方法将在2.9节介绍。 ? 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： jQuery程序设计基础教程 授课教师： 职务： 第1章 jQuery概述 课程描述 本章介绍jQuery的概况，使读者了解什么是jQuery，以及jQuery的优势，然后配置好jQuery的工作环境，通过演示简单的实例使读者初识jQuery，并讲解jQuery的开发工具，为阅读本书后面的内容奠定基础。 本章知识点 1.1初识jQuery 1.2 jQuery对象和DOM对象 1.3 jQuery开发工具 1.1 初识jQuery 1.1.1 什么是jQuery 1.1.2 jQuery的优势 1.1.3 下载jQuery脚本文件和配置jQuery环境 1.1.4 第一个简单的jQuery程序 1.1.1 什么是jQuery 对于不了解jQuery的读者而言，可以从jQuery的首字母联想它的根基，没错jQuery属于Java家族，它是一种快捷、小巧、功能丰富的JavaScript库。jQuery提供很多支持各种浏览器平台的API，使用这些API可以使Web前端开发变得更加轻松。 Web应用程序的基本架构 Web服务器 Web服务器通常需要有固定的IP地址和永久域名，其主要功能如下： ? 存放Web应用程序。 ? 接受用户申请的服务。如果用户申请浏览ASP、PHP等脚本文件，则Web服务器会对脚本进行解析，生成对应的临时HTML（HTM）文件。 ? 如果脚本中需要访问数据库，则将SQL语句传送到数据库服务器，并接收查询结果。 ? 将HTML（HTM）文件传送到Web浏览器。 Web浏览器的主要功能如下 ? 由用户向指定的Web服务器（网站）申请服务。申请服务时需要指定Web服务器的域名或ＩＰ地址以及要浏览的HTML（HTM）文件或ASP、PHP等脚本文件。 ? 从Web服务器下载申请的HTML（HTM）文件。 ? 解析并显示HTML（HTM）文件，用户可以通过Web浏览器申请指定的Web服务器 ? Web浏览器和Web服务器使用HTTP协议进行通信。 jQuery的主要功能 ? 遍历和操作HTML元素。要实现动态网页，就需要在程序中对网页的内容进行控制。而HTML元素是构成网页的基本元素。jQuery可以使用选择器选择网页中指定的HTML元素或遍历网页中的HTML元素，并可以在程序中获取和设置HTML元素的属性、对HTML元素进行创建、插入、删除、复制、替换等操作。本书将在第3章介绍jQuery选择器，在第4章介绍操作DOM元素的方法。 ? 设置HTML元素的CSS样式。CSS（层叠样式表）是用来定义网页的显示格式的，使用它可以设计出更加整洁、漂亮的网页。通过在jQuery中设置HTML元素的CSS样式，可以很方便地动态改变HTML元素的显示样式。本书将在第8章介绍设置CSS样式的方法。 ? 事件处理。jQuery可以很方便的将事件处理函数绑定到指定的HTML事件。从而对HTML事件进行相应。相关内容将在第7章介绍。 ? 很方便地实现与Ajax的交互。Ajax是用于创建交互式Web应用的网页开发技术，可以实现与服务器之间的异步通信。关于jQuery与Ajax的内容将在第10章介绍。 ?实现动画特效。在前端开发技术中，如何使界面更加美观、绚丽是很重要的课题。jQuery可以很方便地在HTML元素上实现动画效果，例如显示、隐藏、淡入淡出和滑动等，从而使页面活泼起来。本书将在第9章介绍jQuery动画特效。 1．易于使用 2．提供更多的功能强大的API 3．拥有强大的开源讨论区 4．设计更美观、专业的网页 1.1.2 jQuery的优势 比较知名的jQuery讨论区 jQuery讨论区 网址 jQuery中文社区 /forum.php 开源中国jQuery讨论区 /question/tag/jquery jQuery中文论坛 /bbs/forum.php jQuery F