您想成为前端Web开发人员吗?您是否已经掌握HTML,JavaScript和CSS的使用知识?如果是这样,那么接下来您需要做的就是学习jQuery。
在这之前, 可能有些人不了解什么是jQuery
好吧,简单地说,jQuery是一个JavaScript库,旨在让您用更少的代码做更多的事情。它使事件处理,动画和遍历HTML文档之类的事情比以往更加轻松。它是针对那些没有经验的程序员而设计的,这意味着它的理解和使用相对简单。如果您真的想成为一名顶级JavaScript程序员或Web开发人员,那么您需要花一些时间来学习jQuery。
在本文中,我将介绍帮助我学习jQuery的十大技巧。因此,请注意以下提示,定期进行练习,并准备好让jQuery改变您使用JavaScript进行编程的方式!
目录
提示1-参加专业的在线课程
当您学习如何使用jQuery-或任何其他编程语言或概念-时,可以说最重要的事情就是让自己注册一个不错的在线课程。 出于多种原因,我非常喜欢在线课程。 它们易于使用,并且使您可以按自己的步调处理适合自己的时间。 它们还使您可以根据需要多次返回并修改困难的概念。
最新优惠现在有效:
GET 50% OFF
DataCamp Black Friday Sale
During this DataCamp Black Friday, you can access the top-rated courses with a 50% discount. Enrol now for way less!
我看过一些不同的jQuery教程和课程,但是老实说,我可以推荐互动式jQuery教程。 就jQuery课程而言,本课程提供了关于jQuery的最佳,最全面的概述以及我遇到的使用方法。 它给出了明确的说明,使用起来相对简单,并且将教您如何使用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的最佳方法是在在线课程(如上面讨论的课程)中使用该备忘单,以确保您了解课程中的所有内容。 您不必记住所学的所有内容,但是您需要学习足够的知识,以便能够阅读备忘单并在查找时了解一些内容。
提示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论坛。
提示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玩得开心-我知道我做到了!