资源描述:
《15天学会jquery(完整版)》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库。
1、Jquery15天教程第一章15DaysofjQueryWhat,Why,When,Where,WhowhatjQuery是一个了不起的javascript库,它可以是我们用很少的几句代码就可以创建出漂亮的页面效果。从网站的方面说,这使得javascript更加有趣。如果你这样想:“孩子,我需要另外一个javascript库,就好比我Ineedanotherholeinmyhead”那么加入这个俱乐部吧。这正是我第一次遇到的时候所想的。我已经用过了Moo.fx,Scriptaculous,TW-SACK,和Protot
2、ype.我曾参与了RICO,YahooYUI和其他一些库的开发。没有了PHPjavascript和我一点也不亲近了。但是我还是尽全力保持头脑清醒,并尽量保持用AJAX去思考。所以当我遇到jQuery的时候我想:“还需要另外一个javascript库吗?不了,谢谢…”why为什么我改变我我对jQuery的看法,以及为什么你要考虑去使用它?很简单,只要你看一眼过使用jQuery的页面你就会发现它是如此的简单易用.只用很少的几行,就能表现出很优雅的效果.有一天当我突然看到一些用jQuery写的代码时我一下子豁然开朗了.早茶的
3、过程中,我例行公务的去翻阅我的订阅,去看每日必看的设计博客的时候我看到了一个用jQuery写的javascript的例子.事实证明,这些代码还是有些和浏览器关联的bug,不过这些概念还是我以前从来没有见过的.还有那些代码…代码看起来很简单看起来不像我以前见过的.但也不无道理.我开始通读文档,并且惊奇的发现用一点点代码竟然能做这么多事情.when你应当在你需要的时候使用jQuery.给你一个小型的库文件DOM强大的控制能力不费吹灰之力的工作,和少许的努力.或者快速的通过AJAX没有大量无用的代码和一些基本的动画效果但是如
4、果你需要超级花式效果,动画,拖放,和超级平稳动画,那么你可能想使用Prototype.他是一个有大量动画效果的类库.where你可以jQuery的官方网站下载到他的源代码(10K).whojQuerywascreatedbyJohnResig.第二章15DaysofjQuery比window.onload更快一些的载入window.onload()是传统javascript里一个能吃苦耐劳的家伙。它长久以来一直被程序员们作为尽快解决客户端页面载入问题的捷径。但有时候等待页面载入还是不够快。只有少数大型的图片文件会被快速
5、的载入,而大部分大型的图片文件会使window.onload()载入的很慢。所以当我为最近的网络营销创建一个web应用程序的时候我不得希望更快一点。有一些围绕window.onload()的新研究(比如brothercake)的代码是一种快速的方式。如果你需要,可以试试。但是如果你要做一些DOM(文档对象模型)javascript的编程,那么你为什么不试试jQuery,它就像你自己亲自制作一个蛋糕,并品尝它。(双关BrotherCake,俏皮话)。jQuery有一个用来作为DOM快速载入javascript的得心应手的
6、小函数,那就是ready…他在页面加载完成之前执行。$(document).ready(function(){//Yourcodehere...});你可以用他来载入任何你想要载入的javascript,并不一定要保留jQuery的编码风格。让jQuery同时去执行多个函数也是可以的。你以前可能见过类似于init()之类的函数,你会发现jQuery会快很多。在以后的教程里我们会一遍又一遍的用到这个函数。OK你现在可以尝试一下代码:(记得把jQuery引用进你的页面哦,不记得的话看看上篇。)$(document).rea
7、dy(function(){alert("Congratluations!");});很Easy,不是吗?用几分钟时间做的双色表格。第三章15DaysofjQuery(Day2)---很容易的制作双色表格这节本身没有太多的价值,重点在它提供的这个例子上。我将代码帖出来然后对重点部分注释一下:我们先来看看Thewatchmakerproject传统的做法:预览地址(你可以查看一下源代码)。再来看看jQuery是如何用5行代码来搞定的:
8、itional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">