[第十讲jQuery.pptVIP

Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 本章目标 了解什么是jQuery 使用jQuery选择器获得操作对象 使用jQuery处理页面事件 使用jQuery动画方法创建简单动画 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. jQuery是一个轻量的JavaScript库，是由John Resig在2006年1月创建的一个开源项目 jQuery常规作用可以概括为以下7个方面： 获取页面中的元素 修改页面外观 改变页面内容 响应用户在页面上的操作 为页面添加动态效果 页面无刷新获取服务器端信息 简化常规的JavaScript代码 jQuery简介 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 编写第一个jQuery应用 配置jQuery环境 在页面中添加对于jQuery库文件的引用 编写jQuery代码 script src=js/jquery-1.9.1.min.js type=text/javascript/script script type=text/javascript $(document).ready(function() { alert(Hello World!); }); /script Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 编写第一个jQuery应用 比较 执行时机 执行个数 简化写法 $(document).ready(function(){}) 网页中的DOM结构绘制完毕，但可能有些DOM元素关联的内容还没有下载完毕 同时编写多个，可以依次执行 简写一：$().ready(function(){}); 简写二：$(function(){}); window.onload() 网页中所有的内容都加载完毕后触发，包括元素关联的内容（如链接的图片和资源）都必须下载完毕后触发 同时编写多个，但只能执行最后一个 无 工厂函数$() $(document).ready(function(){}) Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. jQuery选择器 选择器 #id .class tagname * selector1,selector2,…se