我在哪里可以学习jQuery?这值得么?

时间:2008-08-26 01:58:23

标签: javascript jquery review

我在w3schools.com上学习了很多关于网页开发的好经验。我知道,这很受欢迎,但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 documentationtutorials中学到了什么。这很简单。

10个月后......

jQuery是我自从我最初撰写这篇文章以来所做的每一个网络应用程序的一部分。它使渐进式增强变得轻而易举,并有助于使代码可维护。

此外,所有jQuery插件都是宝贵的资源!

3年后......

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

从一个jQuery用户到另一个...你应该看templating with jQuery(或下划线 - 见下文)。

除了jQuery之外,我发现其他有价值的东西(估计我使用它的部分项目):

14 个答案:

答案 0 :(得分: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组件。那些似乎尚未准备好迎接黄金时段。

可能是PrototypeMooToolsExtJS和jQuery一样好。但对我来说,jQuery现在似乎有更多的动力,这对我来说很重要。

检查jQuery。这很酷!

答案 1 :(得分:10)

学习jQuery的一个很好的资源是:Learning jQuery。作者卡尔·斯维德伯格(Karl Swedberg)也合着了一本名为“准备好”的书。是的, Learning jQuery 。 Remy Sharp在his blog上面向jQuery的视觉方面提供了很好的信息。

- SEAN O

答案 2 :(得分:6)

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

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

答案 3 :(得分:5)

非常值得。 jQuery真的让JavaScript再次变得有趣。就好像所有JavaScript最佳实践都包含在一个库中一样。

我是通过jQuery in Action(曼宁)学到的,我在周末鞭打了一遍。它有点落后于当前的状态,特别是在插件方面,但它是一个很好的介绍。

答案 4 :(得分:4)

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

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

要将一些名称放在那里,Prototypescript.aculo.usJqueryDojoYUI ......这些人似乎都有活跃的用户和贡献者,所以他们可能值得一读,看看他们是否满足你的需求。

Jquery很好,但是稍加努力,也许你会发现其他东西对你来说更好。

祝你好运。

答案 5 :(得分:3)

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

答案 6 :(得分: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/

答案 7 :(得分:2)

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

答案 8 :(得分:2)

jQuery值得学习!我建议阅读“学习jQuery”和“jQuery in Action”。这两本书都非常出色,有例外。下一步是实际使用它来做某事。您会发现官方http://docs.jquery.com文档非常有用。我用它作为参考,一直谷歌:)

Sean的“Learning jQuery”博客也非常有用。此外,jQuery HowTo还有很多jQuery代码片段。

答案 9 :(得分:2)

我还没有看到JQ-Fundamentals - Rebecca Murphey在这里提到过。


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

答案 10 :(得分:1)

Jquery.com组织良好,有很多很好的例子。你不需要买书。我发现只需引用网站的文档即可轻松取件。如果你是一个通过做得最好的人,我建议采用这种方法。

是的,这绝对值得学习。它会节省你很多时间,你真的很期待做JavaScript工作!

答案 11 :(得分:0)

我使用Prototype,我喜欢。我担心我不知道jQuery,所以我无法比较它们,但我认为Prototype值得一试。根据我的经验,他们的API文档通常非常好(这肯定有助于学习)。

答案 12 :(得分:0)

嘿,我有点偏向于我现在和这些家伙一起工作,但是Carsonified为人们学习和提高他们的jQuery技能提供了一些很好的资源。 就在下周一,有一个关于jQuery的在线会议,其中包括John Resig本人 - http://carsonified.com/online-conferences/jquery/

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

我知道那里有很多免费资源,我猜这里的区别在于你得到的内容的质量。希望它有用!

答案 13 :(得分:0)