初识jQuery全解.ppt

4 调试jQuery程序 jQuery是JavaScript的脚本库，因此调试jQuery程序实际上就是调试JavaScript程序。 本讲总结 jQuery的定义？ jQuery的优势？ jQuery对象与DOM对象的区别联系？ * * * jQuery Mobile快速入门 （第一讲 ) 本章知识点 初识jQuery jQuery对象和DOM对象 jQuery开发工具 初识jQuery 什么是jQuery jQuery的优势 下载jQuery脚本文件和配置jQuery环境 第一个简单的jQuery程序 什么是jQuery 对于不了解jQuery的读者而言，可以从jQuery的首字母联想它的根基，没错jQuery属于JavaScript家族，它是一种快捷、小巧、功能丰富的JavaScript库。jQuery提供很多支持各种浏览器平台的API，使用这些API可以使Web前端开发变得更加轻松。 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．设计更美观、专业的网页 jQuery的优势 比较知名的jQuery讨论区 jQuery讨论区 网址 jQuery中文社区 /forum.php 开源中国jQuery讨论区 /question/tag/jquery jQuery中文论坛 /bbs/forum.php jQuery Forums / 下载jQuery脚本文件和配置jQuery环境 1．引用jQuery官网的在线最新脚本 2．引用本地的jQuery脚本 1．引用jQuery官网的在线最新脚本 jQuery官网提供在线的最新jQuery，地址如下： /jquery-latest.js 引用jQuery官网在线最新脚本的方法如下： script src=/jquery-latest.js /script script // jQuery程序 …… /script 设置字体属性 在下面的情况下，引用在线jQuery脚本会出现问题： （1）Web服务器不能访问互联网。例如， 出于安全考虑，一些企业或机构的内部网站与外网是物理隔离的。 （2）jQuery官网有时也可能会出现掉线的情况（尽管目前出现这种情况的概率很低）。 可以通过下面的url访问jQuery下载页面 http:// /download 引用本地jQuery脚本的方法 script src=jquery.js/script script // jquery程序 …… /script 第一个简单的jQuery程序 html head script type=text/javascript src=jquery.js/script script type=text/javascript $(document).ready(function(){ $(p).click(function(){ $(this).hide(); }); }); /script /head body p单击我，我就会消失。/p /body /html 实例说明如下 （1）$()是jQuery()的缩写，它可以在DOM中搜索与指定的选择器（将在第3章中介绍）匹配的元素，并创建一个引用该元素的jQuery对象。