2010-07-23 99 views
4

我是jQuery的新手,所以我想知道如何开始使用它,或者从哪里开始。如何开始使用jQuery?

我对HTML,CSS,DHTML和JavaScript有很好的了解。

+6

谷歌的'jquery初学者;;) – 2010-07-23 13:13:34

+2

可能的重复[我在哪里可以找到教程开始学习jQuery?](http://stackoverflow.com/questions/168802/where-can-i-find- a-tutorial-to-get-started-learning-jquery) – 2010-07-23 13:28:03

+0

其他链接可能帮助的线程 http://stackoverflow.com/questions/787271/learning-jquery-and-getting-better-at-javascript http://stackoverflow.com/questions/836725/what-is-the-best-way-to-learn-jquery – mint 2010-07-23 14:27:05

回答

4

正如其他人所说,有bajillion教程在那里。他们都是不错的选择,但我决定学习的方式就是这样做。

这是我所采取的步骤:

  1. 决定你想要的东西添加到使用jQuery的页面(具体看jQuery UI的,也许手风琴,制表符等......为的是什么例子我受够了标签和JQ做看看http://itsalldiet.com/tools

  2. 从那里,去jQueryUI的文件(如通过这么多的人提及),但在我的例子,我会说去正是这里:http://jqueryui.com/demos/tabs/

  3. 点击“查看源代码”

  4. 将源文件复制并粘贴到您自己的网站上。

  5. 小改,以满足您的目的

  6. 决定,它仍然不很做的正是你想要它做的

  7. 阅读有关你可以玩其他的选项是什么。

  8. 亲近但并不完全足够接近....

  9. 开始阅读关于使用CCS选择语法在页面上直接访问DOM和循环通过每一个元素(它在这里:http://www.w3.org/TR/css3-selectors/一旦你开始得到(它基本上是一个忍者):

    $('a [href〜= foo] [display = none]')。each(function(a){a.slidetoggle()});

与任何新语言一样,jQuery起初可能看起来不堪重负。然而,一旦你掌握了它,它就会变得非常有趣。我也非常喜欢原型。你可能也想检查一下。

2

我听说了一个工具,我认为这是FireQuery,它可以让你打开一个网页,并尝试了jQuery的工作(这是否最初使用它或不),尝试选择器等,看看它可以产生的效果。这可能值得一看。

(这是一个Firebug插件,可与Firefox,BTW一起使用)。

4

我从Wrox出版社拿到这本书,Beginning Javascript and CSS Development With jQuery。我喜欢它,因为代码示例没有真正对待jQ,它们包含所有的html,css和脚本,以实现相对复杂的UI元素,跨浏览器CSS hacks等等。

例如,他通过拖放“文件”创建了OS X Finder的克隆,并展示了如何创建Finder所做的所有行为。选择,拖入文件夹等

一旦你理解了jQuery如何做事情(选择器/遍历,隐式循环,链接方法,事件处理,如何处理this)的基本知识,你可以从n00b快速转到pro 。一切都很好,在线文档非常好。

1

我用JQuery In Action。这本书很棒。此外,还有大量的博客和论坛提供有用的JQuery信息。一旦您掌握了基本知识,那么您可以或多或少地跳入项目,并在Google发布时提出问题,因为有大量解决方案可供借鉴和学习。

2

我一直有在线文档或电子书的问题,很多窗口切换。我发现为自己准备几本结构良好的书(Packt Publishing的Learning jQuery和Packt Publishing的jQuery参考指南)是最好的选择。更何况,我可以把它放在我的桌子上,而不是占据屏幕的一部分。

祝你好运。

0

当我试图学习新的框架时,我发现最好的选择是解决框架试图解决的问题。为了学习而学习并不是富有成效的。如果您对Javascript语言有很好的理解,那么您将能够看到所有可用框架的优点。道格拉斯克罗克福德的免费YUI theater talks作为一个产品,他的书(JavaScript:The Good Parts)给出了对语言简单性的深入了解。一旦你理解了Javascript,你应该对jQuery没有任何问题,并且你会欣赏它为DOM操作提供的抽象。

1

“jQuery新手忍者”由Sitepoint是一个体面的阅读和一段时间是免费的。如果你已经知道Javascript,那么你已经进入了jQuery语言的一半。在线学习教程直接学习的东西。 buildinternet.com是一个非废话的jQuery教程的好地方。

-1

我听说过一个工具,我认为它是FireQuery,它可以让你打开一个网页,并尝试jQuery(无论它最初是否使用它),尝试选择器等,看看它可以有的效果。这可能值得一看。

(这是一个Firebug插件,可与Firefox,BTW一起使用)。