126

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

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

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

谢谢！

编辑：jQuery 的网站有一个相当大的教程列表，以及一个看似全面的文档页面。我还没有时间去经历这一切，有没有其他人有经验？

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

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

两个月后...

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

此外，我几乎完全是从 jQuery 官方文档和教程中学到的。这很简单。

10个月后...

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

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

3年后...

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

从一个 jQuery 用户到另一个用户……你应该看看使用 jQuery 的模板（或下划线——见下文）。

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

4

14 回答 14

44

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。很酷！

于 2008-08-26T02:05:41.173 回答
10

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

--肖恩·奥

于 2008-09-11T03:19:25.700 回答
6

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

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

于 2008-09-02T14:39:21.853 回答
5

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

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

于 2008-08-26T02:03:49.150 回答
4

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

然后，在Wikipedia 之类的地方查看高级框架比较/评论，选择一些符合您的标准并感兴趣的。测试它们以了解它们如何为您工作。这些库中的大多数（如果不是全部）都具有带有参考文档和用户组类型支持的网站。

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

Jquery 很好，但多加一点努力，也许你会发现别的东西更适合你。

祝你好运。

于 2008-08-26T02:06:54.073 回答
3

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

于 2008-08-26T02:07:50.780 回答
3

我发现Jeffery Way的这些系列教程（ “jQuery for Absolute Beginners”视频系列）非常有用。

它针对那些不熟悉 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>

我强烈推荐这些教程：

http://blog.themeforest.net/screencasts/jquery-for-absolute-beginners-video-series/

于 2009-05-29T14:00:31.980 回答
2

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

于 2008-08-26T20:05:20.127 回答
2

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

此外，Sean 推荐的“ Learning jQuery ”博客也非常有用。jQuery HowTo也有大量的 jQuery 代码片段。

于 2009-03-02T13:34:02.480 回答
2

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

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

于 2010-11-28T10:06:11.170 回答
1

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

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

于 2009-03-02T13:50:51.117 回答
0

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

于 2008-08-26T02:03:04.690 回答
0

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

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

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

于 2010-07-05T13:12:26.810 回答
0

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

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

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

于 2011-06-21T17:52:45.350 回答