jquery饼状图插件的指引线_学习jQuery的十大技巧

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

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

　　秘诀1 –参加优质的线上课程

　　当您正在寻找如何快速学习jQuery或任何其他编程语言或概念的方法时，可以说，最重要的事情就是注册自己的优质在线课程。为什么？它们易于使用，并且使您可以按自己的步调处理适合自己的时间。它们还使您可以根据需要多次返回并修改困难的概念。

　　建议从Interactive jQuery Tutorial开始。就jQuery课程而言，本课程全面概述了jQuery及其用法。它给出了明确的说明，使用起来相对简单，并且将教您如何使用jQuery花费最少的工作来创建完美的动态网站。

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

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

　　如果您不太了解JavaScript，则应该从入门课程开始。从类似Interactive JavaScript Tutorial的东西开始。本课程将使您深入了解JavaScript的基础知识以及如何使用它。它允许您直接在浏览器中编写代码，这是使用jQuery的绝佳实践。

　　如果遇到不熟悉的语法或约定，请确保始终准备好一个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对象，从而使您的代码更清晰，更易于理解。

　　技巧6 –学会区分“属性”和“属性”

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

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

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

　　提示7 –不要害怕寻求帮助

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

　　在论坛上，有兴趣谈论编码和编码问题的人们可以在网上聚会交流。在相关论坛上发布有关jQuery的问题几乎肯定会导致您收集信息和问题的答案。jQuery问题的两个不错的论坛选择是官方jQuery论坛和Stack Overflow jQuery论坛。

　　技巧8 –确保您正在使用最新版本的jQuery

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

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

　　提示9 –学习jQuery插件

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

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

　　技巧10 –与其他jQuery用户建立网络

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

　　向其他人学习jQuery的最好方法是与本地编程团队联系。您可以在Facebook上跳转并搜索群组或事件。查找任何看起来有趣的内容-即使它们不是直接的jQuery组-并加入它们。例如，如果您找到一个JavaScript或前端Web开发小组，则可能会发现很多人也在学习jQuery，并且对聚会或讨论他们的学习经验感兴趣。

　　或者，看看Meetup。无论您身在何处，都可以在这里找到成功的团体。即使您居住的地方没有特定的jQuery组，您也可能会发现一个定期开会的前端Web开发人员组。有很大的机会，至少其中一些人会精通jQuery，并可以帮助您快速学习jQuery。

　　所有技巧总结

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

　　您当然需要学习jQuery！

　　jQuery是一个多功能JavaScript库，可用于多种用途。世界上大多数最佳的前端Web开发人员都定期使用它。

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

　　首先，当遇到困难的概念时，要慢慢做，并确保做笔记并做更多的研究。