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


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插件都是宝贵的资源!

三年后...

几乎每天仍在使用jQuery。我现在编写jQuery插件并全职咨询。我主要是Djangonaut,但我已经与jQuery达成了一些仅使用JavaScript的合同。它可以拯救生命。

从一个jQuery用户到另一个jQuery用户...您应该看一下使用jQuery模板(或下划线-见下文)。

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


1
Google托管着所有大型JavaScript库,因此我认为这并不是jQuery的巨大胜利。好的一点是,它是通过Google管道提供的,并且可能已经在用户系统上本地缓存了。
Nosredna,2009年

4
非常棒的家伙,很高兴看到您花时间来更新jquery的体验。我也肯定会花时间去学习它:)
melaos

Answers:


44

Rick Strahl和Matt Berseth的博客都向我介绍了jQuery,我很高兴他们做到了。jQuery完全改变了a)您的客户端编程观点,b)它使您感到悲伤,以及c)它有多有趣!

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

http://mattberseth.com/

我在《行动中使用jQuery》一书中使用了 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组件。那些似乎还没有为黄金时段做好准备。

这可能是样机MooTools的ExtJS的是不如jQuery的。但是对我来说,jQuery现在似乎有更多的动力,这对我来说很重要。

检查jQuery。太酷了!


10

学习jQuery的重要资源是:学习jQuery。作者卡尔·斯威德伯格(Karl Swedberg)也共同撰写了《准备好了吗?是的,学习jQuery。雷米·夏普(Remy Sharp)在他的博客上也提供了许多有关jQuery视觉方面的信息。

--SEAN O


6

在决定学习jQuery之前,我使用了Prototype大约六个月。对我来说,这就像昼夜不同。例如,在Prototype中,您将循环检查一组元素是否存在,然后在其中进行设置,在jQuery中,您只说$('div.class')。find('[name = thing]')或其他并设置它。

它非常易于使用,功能更强大。插件支持也很棒。对于几乎所有常见的js模式,都有一个插件可以满足您的需求。使用原型,您将可以搜索具有所需代码段的博客。


5

这是非常值得的。jQuery确实再次使JavaScript变得有趣。好像所有JavaScript最佳实践都包装在一个库中一样。

我是通过一个周末的jQuery in Action(配员)学习的。它比当前的状态要落后一点,尤其是在插件方面,但这是一个很好的介绍。


鞭打通过吗?所以你现在是大师吗?
user72603

几乎没有,但是很高兴读到我不能拒绝它。
yukondude

4

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

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

为了给它起一些名字,Prototypescript.aculo.usJqueryDojoYUI ……这些似乎都拥有活跃的用户和贡献者,因此他们可能值得继续阅读以了解它们是否满足您的需求。

jQuery很好,但是稍加努力,也许您会发现其他一些方法对您更有效。

祝好运。


Mootools也应该在列表中。
Joshua Partogi,2009年

3

我发现,这些系列教程(的“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 todays video tutorial, Ill show you how to resize text every 
    time an associated anchor tag is clicked. Well be examining 
    the slice”, parseFloat”, and CSS Javascript/jQuery methods.
    </p>
</div>

我强烈推荐这些教程:

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


3

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


2

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


2

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

Sean提到的“ Learning jQuery ”博客也非常有用。此外jQuery的方法文档中也有jQuery代码片断的大集合。


2

我还没见过JQ基础知识 -丽贝卡·墨菲(Rebecca Murphey)在这里提到的任何地方。


这是一本很好的书。它还说明了理解JQuery基础所需的JavaScript基础。


1

Jquery.com井井有条,有很多很好的例子。您不需要买书。我发现只需参考网站的文档即可轻松进行操作。如果您是做事上最好的人,我建议您使用这种方法。

是的,这绝对值得学习。这将节省您很多时间,并且您实际上将期待进行JavaScript工作!



0

嘿,我在与这些人一起工作方面有偏见,但是Carsonified为人们学习和改进jQuery技能提供了一些不错的资源。就在下周一,将有一个由John Resig亲自主持的有关jQuery的在线会议-http: //carsonified.com/online-conferences/jquery/

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

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


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.