用户投稿jQuery 是一个快速又 简洁的JavaScript程式库, 简化了让你在HTML文件里面寻找DOM物件, 处理事件, 製作动画, 和处理Ajax互动的过程 jQuery 是来改变你撰写 JavaScript 的方式
文章的标题介绍：
你用10行的 jQuery 完成以往要20行左右枯燥的 DOM JavaScript. 在写完那20行的时间你已经用两三行的jQuery完成要完成的工作.一个全新的型态的程式库，这边帮您作一个简单的入门简介。
第一篇：How jQuery Works (http://docs.jquery.com/How_jQuery_Works)
内容摘要：
这是一个基本的教程，主要在帮助您开始使用jQuery。如果你没有测试页尚未成立，开始创建一个新的含有下列内容的HTML页面：
<!doctype html> <meta charset="utf-8"> <title>Demo</title> <a href="http://jquery.com/">jQuery</a> <script src="jquery.js"></script> <script> </script> 编辑在脚本标记的src属性指向您的jquery.js副本。例如，如果jquery.js是在您的HTML文件相同的目录中，你可以使用：
<script src="jquery.js"></script>第二篇：Getting Started with jQuery (http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery)
内容摘要：
Hello jQuery
我们先从一个空的HTML页面：
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> // we will add our javascript code here </script> <!-- we will add our HTML content here --> 本页面只加载jquery.js程式库
我们注册了一个文档的ready事件。
$(document).ready(function() { // do stuff when DOM is ready })将以下程式码加入的：
<a href="">Link</a>现在更新$(document).ready 处理程序。
$(document).ready(function() { $("a").click(function() { alert("Hello world!"); }); });第三篇：Live Examples of jQuery (http://docs.jquery.com/Tutorials:Live_Examples_of_jQuery)
内容摘要：
PS:此篇程式效果建议连到上列URL 中进行测试会更有感觉。
使用按钮的左侧，在例子中，下面的jQuery代码上运行的结构性标记。显示每个例如代码将显示需要进行更改的结构标记发生的jQuery代码。
得到数列2段，并显示在一个警告框。包括一个红色框。
alert($("div.contentToChange p").size());通过使用幻灯片动画动画在第2栏的段落。
$("div.contentToChange p.firstparagraph:hidden").slideDown("slow");$("div.contentToChange p.firstparagraph:visible").slideUp("slow");
微信扫一扫打赏
支付宝扫一扫打赏
