我在哪里可以学习 jQuery？这值得么？答案

【问题标题】：Where can I learn jQuery? Is it worth it?我在哪里可以学习 jQuery？这值得么？
【发布时间】：2010-09-06 20:02:22
【问题描述】：

我在w3schools.com 上学习了很多关于 Web 开发的好经验。我知道它是命中注定的，但 PHP 和 CSS 部分特别被证明非常有用，可供参考。

无论如何，我想知道jQuery 是否有类似的网站。我有兴趣学习，但我需要它是在线/可搜索的，这样我以后需要信息时可以轻松地参考它。

另外，顺便提一下，jQuery 值得学习吗？或者我应该看看不同的 JavaScript 库？我知道 Jeff 在 Stack Overflow 上使用 jQuery，它似乎运行良好。

谢谢！

编辑：jQuery的网站有一个pretty big list of tutorials，还有一个看似全面的documentation page。我还没来得及经历这一切，有没有其他人有经验？

编辑 2：似乎 Google 现在正在托管 jQuery 库。这应该会给 jQuery 在宣传方面带来相当大的优势。

此外，如果每个人都使用托管在同一个地方的单个统一 aQuery 库，它应该会在早期为大多数互联网用户缓存，因此如果您决定使用它，则不会影响您网站的下载足迹。

2 个月后...

编辑 3：我最近开始在一个工作项目中使用 jQuery，使用它非常棒！只是想让大家知道，我的结论是绝对值得学习和使用 jQuery。

另外，我几乎完全是从官方的 jQuery documentation 和 tutorials 学到的。这很简单。

10 个月后...

自从我最初写这篇文章以来，jQuery 几乎是我制作的每个 Web 应用程序的一部分。它使渐进式增强变得轻而易举，并有助于使代码可维护。

另外，所有的 jQuery 插件都是非常宝贵的资源！

3 年后...

几乎每天都在使用 jQuery。我现在编写 jQuery 插件并全职咨询。我主要是 Djangonaut，但我已经与 jQuery 签订了几个仅 javascript 的合同。这是一个救生员。

从一个 jQuery 用户到另一个...您应该查看 templating with jQuery（或下划线 -- 见下文）。

我发现除了 jQuery 之外的其他有价值的东西（估计我在项目中使用它的部分）：

【问题讨论】：

Google 托管了所有大型 JavaScript 库，所以我不认为这对 jQuery 来说是一个巨大的胜利。它的好处是它由 Google 的管道提供服务，并且可能已经在用户系统上本地缓存。
很棒的家伙，很高兴看到您花时间更新您对 jquery 的体验。我现在肯定也会花时间学习它:)

标签： javascript jquery review

【解决方案1】：

Rick Strahl 和 Matt Berseth 的博客都向我介绍了 jQuery，我很高兴他们这样做了。 jQuery 彻底改变了 a) 您的客户端编程视角，b) 它给您带来的痛苦，以及 c) 它可以带来多少乐趣！

http://www.west-wind.com/weblog/

http://mattberseth.com/

我使用了《jQuery in Action》这本书 http://www.amazon.com/jQuery-Action-Bear-Bibeault/dp/1933988355/ref=sr_1_1?ie=UTF8&s=books&qid=1219716122&sr=1-1（我在亚马逊上用了大约 22 美元买了它）。这对引导我进入 jQuery 有很大帮助。 jquery.com 上的文档也很有帮助。

jQuery 稍显平淡的地方在于它的 UI 组件。这些似乎还没有为黄金时段做好准备。

Prototype 或 MooTools 或 ExtJS 可能与 jQuery 一样好。但对我来说，jQuery 现在似乎有更多的动力，这对我来说很重要。

检查 jQuery。很酷！

【讨论】：

【解决方案2】：

学习 jQuery 的一个很好的资源是：Learning jQuery。作者 Karl Swedberg 还与人合着了这本书，题为……准备好了吗？是的，Learning jQuery。 Remy Sharp 在his blog 上也有关于 jQuery 视觉方面的大量信息。

--肖恩·奥

【讨论】：

【解决方案3】：

在我决定学习 jQuery 之前，我使用 Prototype 大约六个月。对我来说，这就像白天和黑夜的区别。例如，在 Prototype 中，您将遍历一组元素，检查是否存在，然后在其中设置一些内容，在 jQuery 中，您只需说 $('div.class').find('[name=thing]') 或其他并设置它。

它更容易使用，感觉更强大。插件支持也很棒。对于几乎所有常见的 js 模式，都有一个插件可以满足您的需求。使用原型，您将在谷歌上搜索具有所需代码的博客。

【讨论】：

【解决方案4】：

这是非常值得的。 jQuery 真的让 JavaScript 再次变得有趣。就好像所有 JavaScript 最佳实践都被封装到一个库中。

我是通过jQuery in Action (Manning) 了解到的，我在一个周末的时间里完成了这个。它有点落后于现状，尤其是在插件方面，但它是一个很好的介绍。

【讨论】：

通过它？所以你现在是大师了？
几乎没有，但读起来非常愉快，我爱不释手。

【解决方案5】：

有许多 JavaScript 库至少值得粗略查看一下，看看它们是否适合您的特定需求。首先，提出一个简短的标准列表来指导您的选择和评估过程。

然后，查看high level framework comparison/reviews somewhere like Wikipedia，选择一些符合您的标准并感兴趣的。测试它们以了解它们如何为您工作。这些库中的大多数（如果不是全部）都具有带有参考文档和用户组类型支持的网站。

要列出一些名字，Prototype、script.aculo.us、Jquery、Dojo、YUI...这些似乎都有活跃的用户和贡献者，所以它们可能值得一读看看它们是否满足您的需求。

Jquery 很好，但多花点功夫，也许你会发现别的东西更适合你。

祝你好运。

【讨论】：

Mootools 也应该在列表中。

【解决方案6】：

我发现Jeffery Way 的这些系列教程（“绝对初学者的jQuery”视频系列）非常有用。

它针对那些不熟悉 jQuery 的开发人员。他展示了如何使用 jQuery 创建许多很酷的东西，例如动画、创建和删除元素等等。

我从中学到了很多。他展示了使用 jQuery 是多么容易。现在我喜欢它，我可以阅读和理解任何 jQuery 脚本，即使它很复杂。

这是一个我喜欢“调整文本大小”的例子

1- jQuery：

<script language="javascript" type="text/javascript">
    $(function() {
        $('a').click(function() {
            var originalSize = $('p').css('font-size'); // Get the font size.
            var number = parseFloat(originalSize, 10);  // That method will chop off any integer 
                                                        // from the specifid varibale "originalSize".
            var unitOfMassure = originalSize.slice(-2); // Store the unit of massure, Pixle or Inch.

            $('p').css('font-size', number / 1.2 + unitOfMassure);
            if (this.id == 'larger') {
              $('p').css('font-size', number * 1.2 + unitOfMassure);
            } // Figure out which element is triggered.
         });
     });
</script>

2- CSS 样式：

<style type="text/css" >
  body{ 
      margin-left:300px;text-align:center; 
      width:700px; 
      background-color:#666666;}
  .box {
      width:500px; 
      text-align:justify; 
      padding:5px; 
      font-family:verdana; 
      font-size:11px; 
      color:#0033FF; 
      background-color:#FFFFCC;}
</style>

2- HTML：

<div class="box">
    <a href="#" id="larger">Larger</a> |
    <a href="#" id="Smaller">Smaller</a>
    <p>
    In today’s video tutorial, I’ll show you how to resize text every 
    time an associated anchor tag is clicked. We’ll be examining 
    the “slice”, “parseFloat”, and “CSS” Javascript/jQuery methods.
    </p>
</div>

【讨论】：

【解决方案7】：

有很多资源可以学习 jQuery（恕我直言，这完全值得）。从这里开始http://docs.jquery.com/Main_Page 阅读 jQuery 文档。这是一个很好的网站，可以直观地看到它所提供的内容： http://visualjquery.com/1.1.2.html。 Manning Publications 也有一本很棒的书，强烈推荐，名为jQuery in Action。就 JavaScript 库而言，如果您想将 jQuery 与其他东西进行比较，这个库和 Prototype 可能是最受欢迎的。

【讨论】：

【解决方案8】：

我通过查看 jQuery 扩展来学习其他开发人员如何使用 jQuery 语言。它不仅帮助我学习了 jQuery 语法，还教会了我如何开发自己的扩展。

【讨论】：

【解决方案9】：

jQuery值得学习！！！我推荐阅读“Learning jQuery”和“jQuery in Action”。这两本书都有很好的解释和例子。下一步是实际使用它来做某事。你会发现官方的http://docs.jquery.com 文档非常有用。我用它作为参考，一直在谷歌上搜索:)

Sean 推荐的“Learning jQuery”博客也非常有用。另外jQuery HowTo 也有大量的 jQuery 代码 sn-ps。

【讨论】：

【解决方案10】：

我还没有看到 JQ-Fundamentals - Rebecca Murphey 在这里提到的任何地方。

这是一本非常好的书。它还解释了理解 JQuery 基础所需的 JavaScript 基础。

【讨论】：

【解决方案11】：

Jquery.com 组织良好，有很多很好的例子。你不需要买书。我发现只需参考网站的文档就可以轻松获取。如果您是通过实践学习得最好的人，我建议您采用这种方法。

是的，它绝对值得学习。它会为您节省大量时间，而且您实际上会期待从事 JavaScript 工作！

【讨论】：

【解决方案12】：

我喜欢使用Prototype。恐怕我不懂 jQuery，所以我无法比较它们，但我认为 Prototype 值得一试。根据我的经验，他们的 API 文档通常都很好（这当然有助于提高学习能力）。

【讨论】：

他还询问了其他 JS 库。

【解决方案13】：

嘿，我现在与这些人一起工作是有偏见的，但是 Carsonified 为人们学习和提高他们的 jQuery 技能集提供了一些很好的资源。就在下周一，有一个关于 jQuery 的在线会议，由 John Resig 本人主持 - http://carsonified.com/online-conferences/jquery/

此外，他们现在通过 Think Vitamin 博客上的会员计划提供视频教程，

我知道那里有很多免费资源，我想这里的区别在于您获得的内容的质量。希望有用！

【讨论】：

【解决方案14】：

如果您了解 SQL（仅限 css 选择器），下面的链接会对您有所帮助。

http://karticles.com/2011/06/learning-jquery-with-sql-basic-selectors

http://karticles.com/2011/06/learning-jquery-with-sql-attribute-selectors

【讨论】：