学习jQuery的十大技巧

您想成为前端Web开发人员吗?您是否已经掌握HTML,JavaScript和CSS的使用知识?如果是这样,那么接下来您需要做的就是学习jQuery。

在这之前, 可能有些人不了解什么是jQuery

好吧,简单地说,jQuery是一个JavaScript库,旨在让您用更少的代码做更多的事情。它使事件处理,动画和遍历HTML文档之类的事情比以往更加轻松。它是针对那些没有经验的程序员而设计的,这意味着它的理解和使用相对简单。如果您真的想成为一名顶级JavaScript程序员或Web开发人员,那么您需要花一些时间来学习jQuery。

在本文中,我将介绍帮助我学习jQuery的十大技巧。因此,请注意以下提示,定期进行练习,并准备好让jQuery改变您使用JavaScript进行编程的方式!

提示1-参加专业的在线课程

当您学习如何使用jQuery-或任何其他编程语言或概念-时,可以说最重要的事情就是让自己注册一个不错的在线课程。 出于多种原因,我非常喜欢在线课程。 它们易于使用,并且使您可以按自己的步调处理适合自己的时间。 它们还使您可以根据需要多次返回并修改困难的概念。

我看过一些不同的jQuery教程和课程,但是老实说,我可以推荐互动式jQuery教程。 就jQuery课程而言,本课程提供了关于jQuery的最佳,最全面的概述以及我遇到的使用方法。 它给出了明确的说明,使用起来相对简单,并且将教您如何使用jQuery花费最少的工作来创建完美的动态网站。

learn jquery

技巧2-确保您对JavaScript有深入的了解

由于jQuery是建立在JavaScript之上并使用的,因此在查看jQuery之前,必须确保您对语言有相当的了解。请注意,在没有JavaScript知识的情况下学习jQuery是可能的,但要困难得多。

如果您不太了解JavaScript,则应该从入门课程开始。首先从“交互式JavaScript教程”之类的东西开始。本课程将使您深入了解JavaScript的基础知识以及如何使用它。它允许您直接在浏览器中编写代码,这是使用jQuery的绝佳实践。另外,如果您没有时间阅读Interactive JavaScript教程,请至少快速浏览一下视频 JavaScript教程。本课程以易于理解的格式介绍JavaScript的关键思想。它与移动设备兼容,非常适合您的日常旅行或上班等待时间。

如果遇到不熟悉的语法或约定,请确保始终准备好一个JavaScript参考。我最喜欢的参考指南是Mozilla Developers JavaScript参考,但是您可能会找到另一个您喜欢的参考。

提示3-了解如何使用jQuery备忘单

如果您认真学习如何正确使用jQuery,那么熟悉一系列其他资源非常重要。 jQuery备忘单是一个很棒的资源,可以用来确保您充分利用自己的课程。 尽管您过去曾被告知过,但实际上您不必学习任何有关jQuery之类的东西就可以使用它。 相反,我认为最重要的是,您熟悉诸如jQuery备忘单之类的资源,当您遇到不了解的概念或想法时可以参考。

我认为,学习jQuery的最佳方法是在在线课程(如上面讨论的课程)中使用该备忘单,以确保您了解课程中的所有内容。 您不必记住所学的所有内容,但是您需要学习足够的知识,以便能够阅读备忘单并在查找时了解一些内容。

learn jquery

提示4-确保您了解HTML中ID和类之间的区别

由于jQuery可用于直接修改HTML源代码,因此对您了解一点HTML及其交互方式非常重要。您可以使用jQuery更改HTML标记的两个主要属性-ID属性和类属性。这些是完全不同的东西,在使用jQuery时必须将它们视为相同。

让我们首先处理ID属性。编写HTML时,您可能会决定向重要元素添加ID属性。 ID属性是唯一的,并且每页只能用于一个元素。用于寻址具有特定ID的元素的jQuery语法为$('#elementID').。确保您记下用于按ID选择的“#”前缀。

HTML类的属性略有不同。与ID属性相比,它们的选择性低得多,使用范围也广。可以将类属性分配给页面上的任何元素-包括具有ID的元素。可以根据需要将它们分配给任意多个元素,这使它们可用于将相似的元素组合在一起。用于按类寻址元素的jQuery语法是('.elementClass')。注意“。”用于按类别选择的前缀。

如果您的HTML和CSS技能有点生锈,那么在学习jQuery时对其进行一些操作可能是一个好主意。看看“初学者交互式编程”课程,了解初学者的HTML,CSS和Web开发基础。

提示5-了解如何缓存选择器

尽管在开始学习jQuery之前这对您可能没有多大意义,但对您而言,学习如何有效地缓存选择器绝对至关重要。 基本上,缓存选择器意味着将它们存储为变量,您可以一遍又一遍。 这意味着jQuery不必每次使用此选择器调用特定对象时都查找信息,从而使程序运行得更快。

为缓存的选择器选择变量名称时,请确保使用某种前缀将变量标记为jQuery对象。 由于大多数jQuery选择器都以'$'作为前缀,因此我在命名包含jQuery对象的变量时喜欢使用相同的语法。 这样,存储变量选择器的代码行可能看起来像这样:

"var $selectorvariable = $('selectedElements');"

如您所见,这清楚地将您的“选择器变量”标记为jQuery对象,从而使您的代码更清晰,更易于理解。

如果您想了解有关jQuery选择器及其用法的更多信息,请转到jQuery Tutorials选择器页面

技巧6-学会区分属性和特性

回到HTML。尽管您可能没有意识地意识到这一点,但是HTML的属性和特性是完全不同的两件事。区分这两种对我们而言非常重要,因为jQuery方法根据您尝试处理的方法而有所不同。

属性只能具有字符串值,并且这些值由HTML源代码确定。用于处理属性的jQuery语法是attr()。属性是不同的。它们由DOM模型定义,并且可以具有任何类型的值。可以使用 prop() 方法处理属性。

仅接受字符串值的任何内容都可以使用attr()方法进行修改,而接受其他类型的值(包括数字或布尔值)的所有内容都需要使用prop()方法进行修改。

如果您想更多地了解这些以及其他方法以及如何使用它们,请转到学习jQuery语法页面。在这里您可以更详细地查看prop()attr()和其他一系列方法。

提示7-勇于寻求帮助

如果您是打算学习jQuery的众多人之一,但由于“太难了”而很快放弃了,那么您需要重试。 作为JavaScript库,jQuery有潜力成为编程工具包中最重要的工具之一。 全世界有数百万人精通jQuery,这意味着您可以在困难的概念中找到帮助。

我最喜欢在编程时寻求帮助的地方是在线论坛。 在论坛上,有兴趣谈论编程和编程问题的人们可以在网上聚会交流。 在相关论坛上发布有关jQuery的问题几乎肯定会导致您收集信息和问题的答案。 我最喜欢的jQuery问题论坛中的两个是官方jQuery论坛和Stack Overflow jQuery论坛。

learn jquery

提示8-确保您使用的是最新版本的jQuery

作为一个由活跃的开发人员团队不断开发的库,jQuery一直在变化。 如果要确保从jQuery体验中获得最大收益,请确保您正在学习如何在最新版本中使用jQuery。

在撰写本文时,最新的jQuery版本是jQuery 3.0。 它具有以前版本的一系列更新,因此确保您正在使用此版本非常重要。 如果您有疑问,请转至官方jQuery 3.0升级指南,并查看已进行的更改。

提示9-学习jQuery插件

插件是很棒的事情。 无论您使用的是WordPress,Shopify,jQuery还是其他可以创建事物的程序,插件都可能成为您最好的朋友之一。 如果您打算定期使用jQuery,则需要发现一些插件。 搜索和学习jQuery插件的最佳位置是通过jQuery UI库和jQuery插件注册表,您可以在其中找到几乎可以想到的所有内容。

jQuery插件可以完成各种各样的事情。 有些设计用于解决在您的网站上开始使用jQuery时可能出现的问题,而另一些则用于执行特定功能或使特定任务更容易。 您现在要做的最好的事情是转到上述库之一,然后四处看看以了解更多信息。

技巧10-与其他jQuery用户建立互动

现在,学习如何使用编程语言,工具,库或其他任何东西的主要部分是与其他感兴趣的学习者建立网络。您可以通过上面讨论的一些论坛(官方jQuery论坛和Stack Overflow论坛)与尝试学习jQuery的其他人联系,但我更希望亲自结识。

我发现最好的方法是与本地编程小组联系。我经常旅行,通常使用两种方法来查找本地团体。首先,我跳上Facebook并搜索群组或活动。查找任何看起来有趣的内容-即使它们不是直接的jQuery组-并加入它们。例如,如果您找到一个JavaScript或前端Web开发小组,则可能会发现很多人也在学习jQuery,并且对聚会或讨论他们的学习经历感兴趣。

或者,看看Meetup。无论我身在何处,我都在这里找到了非常成功的团体。尽管我现在没有任何特定的jQuery组(澳大利亚珀斯),但是有一个大型的前端Web开发人员组定期开会。我知道一个事实,其中许多人精通jQuery或学习jQuery,实际上我已经和一些小组成员结成了很好的朋友。

结论

那么,您已经学习了HTML,已经学习了CSS,还学习了JavaScript。成为高级前端Web开发人员的下一步是什么?

您当然需要学习jQuery!

jQuery是一个多功能JavaScript库,可用于多种用途。 世界上大多数最佳的前端Web开发人员都定期使用它。 这个事实促使我整理了我的十大技巧清单,以帮助您学习jQuery并加入世界上一些最好的开发人员。

您需要做的第一件事是确保您熟悉HTML,CSS和JavaScript的全部三种,因为在使用jQuery时会碰到所有这三种。 选择一个不错的在线课程,并逐步完成。 熟悉在线参考指南,了解使用jQuery的复杂性,并确保您与其他学习者建立联系。

首先,当遇到困难的概念时,要慢慢做,并确保做笔记并做更多的研究。 祝您学习和使用jQuery玩得开心-我知道我做到了!

留下您的诚实反馈

留下您的真实见解并帮助数千人选择最佳的在线学习平台。只要诚实,就接受所有正面或负面的反馈。我们不会发布有偏见的反馈或垃圾邮件。因此,如果您想分享您的经验,意见或建议-现场就在您身边!

常见问题

您如何选择要审核的在线课程站点?

我们根据在线学习平台的市场规模,受欢迎程度以及最重要的是,我们的用户的要求或一般兴趣来选择有关某些在线学习平台的真实MOOC评论,从而选择在线学习平台。

在撰写在线学习评论之前,你们需要做多少研究?

我们敬业的MOOC专家进行了数周的研究,然后他们才能说他们对不同方面的评估是最终的和完整的。 即使花费很多时间,这也是我们可以保证尝试并测试了在线学习平台的所有基本功能的唯一方法,并且该结论是基于真实数据的。

选择最佳的在线学习平台时,哪个方面最重要?

从选择中只选择一个方面是不正确的:优先级取决于每个人,他们的价值观,愿望和目标。 对一个人来说很重要的功能可能与另一个人完全无关。 无论如何,所有用户都同意在线学习平台必须具备高质量的学习材料。

这个在线学习评论平台与其他平台有何不同?

每个MOOC审核平台都是独一无二的,并具有自己的目标和价值。 我们的在线学习评论为100%真实,是在进行认真分析后写的。 这是许多电子学习评论网站所缺乏的目标,这也是我们能够成功的超级动力!