无涯教程网-jQuery教程完整离线版.pdf免费

jQuery - 简介介绍 什么是jQuery? jQuery 是John Resig在2006年创建的快速简洁的JavaScript库，它的座右铭是:写的少，多的做。 jQuery简化了HTML⽂档的遍历，事件处 理，动画和Ajax交互，从⽽实现了快速的Web开发。 jQuery是⼀个JavaScript⼯具箱，旨在通过编写更少的代码来简化各种任务。 这是jQuery ⽀持的重要核⼼函数的列表- DOM manipulation - jQuery通过使⽤称为 Sizzle 的跨浏览器开源选项器引擎。 Event handling - jQuery提供了⼀种优雅的⽅式来捕获各种各样的事件，如⽤户单击链接，⽽⽆需将HTML代码与事件混在⼀起处理程 序。 AJAX Support - jQuery帮助您使⽤AJAX技术开发响应迅速且函数丰富的⽹站。 Animations - jQuery带有许多内置的动画效果，您可以在⽹站中使⽤它们。 Lightweight - jQuery是⼀个⾮常轻量级的库-⼤⼩约为19KB(缩⼩并压缩) 。 Cross Browser Support - jQuery具有跨浏览器⽀持，并且在IE 6.0 + ，FF 2.0 + ，Safari 3.0 + ，Chrome和Opera 9.0+中运⾏良好 Latest Technology - jQuery⽀持CSS3selector和基本XPath语法。 如何使⽤jQuery? 有两种使⽤jQuery 的⽅法。 本地安装 − 您可以在本地计算机上下载jQuery 库，并将其包含在HTML代码中。 CDN版本 − 您可以直接从Content Delivery Network(CDN)将jQuery 库包含到HTML代码中。 本地安装 转到 /download/下载最新版本。 现在将下载的 jquery-2.1.3.min.js ⽂件放在您⽹站的⽬录中，如/jquery 。 现在，您可以在HTML⽂件中包含 jquery 库，如下所⽰- html head titleThe jQuery Example/title script type = text/javascript src = /jquery/jquery-2.1.3.min.js /script script type = text/javascript $(document).ready(function() { document.write(Hello, World!); }); /script /head body h1Hello/h1 /body /html 这将产⽣以下输出- Hello, World! 基于CDN的版本 您可以直接从Content Delivery Network(CDN)将jQuery 库包含到HTML代码中。 吾⽣也有涯,⽽知⽆涯 - ⽆涯教程 在本教程中,我们⼀直在使⽤Google CDN版本的库。 现在，让我们使⽤来⾃Google CDN的jQuery 库重写上⾯的⽰例。 在线运⾏ html head titleThe jQuery Example/title script type = text/javascript src = /ajax/libs/jquery/2.1.3/jquery.min.js /script script type = text/javascript $(document).ready(function() { document.write(Hello, Worl