入门使用jQuery

入门使用jQuery 月开始使用jQuery 由Admin在JavaScript和jQuery还没有评论的JavaScript和jQuery Web开发场景前进以快如闪电的速度，它迫切需要开发人员继续他们的技能新鲜。如果悠逸曾参与前端设​​计或开发的任何形式，在过去五年左右的时间，那么它极有可能是YOUE尝试在某些时候与流行的JavaScript库，其中许多已成为相当突出的，现在一用在一些大型的商业网站。 02月12日开始使用jQuery 由Admin在JavaScript和jQuery还没有评论的JavaScript和jQuery Web开发场景前进以快如闪电的速度，它迫切需要开发人员继续他们的技能新鲜。如果悠逸曾参与前端设​​计或开发的任何形式，在过去五年左右的时间，那么它极有可能是YOUE尝试在某些时候与流行的JavaScript库，其中许多已成为相当突出的，现在一用在一些大型的商业网站。入门使用jQuery 在这篇文章中，金正日是引进，奠定了基础，为先进的JavaScript开发提供最流行的JavaScript库之一：jQuery的。 虽然有很多教程，开始在网上，​​可以提供一个很好的起点jQuery的开发，在本文中我希望能超越只是快速启动的语法，而是提供了jQuery的坚实概述，并讨论使用这样的库的好处。当然，许多本informationutside的语法和其他的jQuery特定的detailsill适用于任何JavaScript库。为什么一个JavaScript库？ 引述官方jQuery的口号：爱色丽更少，做更多的Web开发中的作用是创建代码来确定将产生一个网页的用户交互的内容。？ Web开发人员不应该花时间调试浏览器的怪癖。相反，他们应该是自由的行动和结果完全处理。这是一个JavaScript库的用武之地。克服浏览器的差异 不同的浏览器处理DOM操作，透明效果和动画的方式不同，要求在某些情况下，代码里姆斯只是创建一个简单的效果。使用JavaScript库，您可以完全绕过所有这些挑战，让您存取的API（应用编程接口）直接处理你真正想要完成的任务。所有的JavaScript的挑战和共同的问题处理在幕后，让您不用怀疑它是否会工作在一个特定的浏览器集成功能。不唐突的JavaScript 另一个推动原因为使用的JavaScript库是所有库允许您包含JavaScript的网页不显眼，从而使您的行为层（JavaScript的），从内容和表现层（XHTML和CSS）分开。实现轻松复杂的任务 最后，任何JavaScript库的一个非常强大的功能是它可以操纵任何元素或一组只用一行代码的Web页面上的元素的能力。举个例子，下面的HTML： 让说你想用JavaScript来改变第一个列表项元素的背景颜色的无序列表的上方。使用纯JavaScript，您的代码将看起来像这样： VAR myListCollection = document.getElementsByTagName（“UL”）;对于（VAR I = 0，我 使用jQuery，您可以完成同样的事情只有一个，易于维护的代码行： $（“ul.list李：第一胎”），CSS（“背景色”，“蓝”）; 延伸阅读 JavaScript库或者代码自己不唐突的JavaScript与jQuery？介绍 了解CSS的概念 一个领域的当务之急是强大的jQuery开发，是CSS的强大的知识。这样做的原因是因为jQuery经常利用基于CSS语法来操作DOM元素。这里有一些概念，你应该很熟悉之前在深入广泛的jQuery的开发： 类型选择器类选择符ID选择器后代选择子选择器属性选择器的CSS特异性级联和继承 最上面的CSS概念应该已经是非常熟悉的任何现代的前端开发，因为任何CSS布局会利用这些。 jQuery的不仅包含了基本的选择器（类型，类和ID），但它也使用后裔和子选择器，其麦凯纳由所有目前所使用的浏览器支持。但使用jQuery，由于其内置的浏览器正常化，所有的选择也同样支持。 理解，结合jQuery的CSS语法的时候访问元素将大大提高你的快速，轻松地与jQuery创建强大的JavaScript应用程序的能力。 CSS选择在W3.org驯服高级的CSS选择器 了解JavaScript的概念 为了充分利用jQuery的，它是学习一些JavaScript的概念是一个好主意。当然，你可以做一吨的东西在jQuery中不知道多一些下面列出的概念，但烈有更大的优势，在jQuery的开发，如果你花时间去了解一些基础知识，包括：对象对象创建属性对象常量函数作为方法的匿名函数闭包 再次，这是没有必要的，以充分理解任何上述的概念，以开始使用jQuery，但如果了解一个上述概念或更多的与jQuery API的能力将大大增加。 面向对象的JavaScript：介绍核心概念面向对象的JavaScript的Webreference.com jQuery的源代码 开始之前的任何jQuery的开发，烈首先要下载jQuery库的最新版本，它包含在您的网页： 的HTML上面一行应该出现在任何实际的jQuery代码，否则烈出现错误。 另外，而非自己主机的源代码，可以直接链接到最新版本的谷歌AJAX库API，它可以为您节省一定的服务器资源。 jQuery的语法 现在你对jQuery的好处概述，以及所涉及的概念有一定的了解，让我们来看看一些语法，让我们开始与这个强大的库。 jQuery的包装 jQuery的封装器是功能上说是在所有的jQuery命令的核心。我刚才用它在上面的例子之一。这一次： $（“礼A”）; 的$符号的别名jQuery的功能，所以上面的代码行可以用这种写法： 的jQuery（“礼A”）; 不过，出于显而易见的原因（例如，以保持你的代码简洁），烈很少看到这种语法。 在上述两个例子中所示的jQuery函数返回一个包含在括号中指定的DOM元素的阵列（在此情况下一个对象时，嵌套的内部被所有的锚标签标签）。当然，上面的两个例子中，我们还没有指定的操作;所有的凌晨做的是返回的DOM元素，它什么都不做。在下一节中，WEL添加将作用于组元素凌晨针对性的方法。 jQuery的命令 jQuery的API包括容易获得的效果，并通过通常会拿几十行代码完成的一个跨浏览器的方式与纯JavaScript内置方法的其他行动。例如，让我们添加一个ADE出法，从前面的例子中的代码？ $（“礼A”）淡出（）; 上面的一行代码的ADE了？嵌套的内部被页面上的所有锚标签标签。如果我们想淡出主播回来一次，我们只使用淡入（）方法： $（“礼A”）淡入（）; 链结命令 的jQuery还允许开发人员命令链，串起一个又一个。所以，我们可以结合前面的两个例子中，如下所示： $（“礼A”）淡出（）淡入（）; 上面的代码将淡出嵌套列表中的项目中的所有锚标签，然后马上退色它们了。链中的项目数是无限的（或内合理地设置的限度），从而允许多条命令工作，对同一组的元素，每一个发生在连续。 这只是一小部分的东西有可能使用jQuery，并是多么容易实现，通常会采取多行代码的任务，很多浏览器的测试。虽然烈运行jQuery代码的时候还是做浏览器测试，其结果将几乎永远是相同的：跨浏览器的，不显眼的JavaScript易写，易维护。运行的代码在DOM就绪 前面我们谈到了不显眼的JavaScript的概念，以及如何的jQuery写，让你的脚本将保持独立从内容和形式。到目前为止，代码示例凌晨讨论会运行得很好，只要他们被列入在一个HTML页面的底部。如果，在另一方面，它们被包含在文件的头，它们将不能工作，因为，在这一点上，该文档的树还没有被渲染。 的jQuery允许我们只运行我们的代码在DOM就绪。这是由$（文件）。就绪处理程序来完成的。这个处理器的美妙之处在于它不使代码的等待，直到整个页面完成加载，因为是一个典型的window.onload事件的情况。与（文件）。就绪处理程序，你的代码会尽快DOM树完成渲染，所有的图片和其他媒体都完成之前加载，从而减少加载时间运行。 让我们尝试运行我们上面的代码示例，当DOM准备： 的$（document）。就绪（函数（）{$（“礼A”）淡出（）淡入（）;}）; 上面的代码告诉jQuery来运行一个匿名函数时，该文档树进行渲染。匿名函数包含了我们之前看到的代码，它淡化了锚了，然后马上消失他们回来了。此代码可被包括在theof文档，页面的底部附近，或者在其他地方，并且它可以运行方式完全相同。 的伊迪？事件只是众多事件可以通过jQuery的API之一。其他包括单击，双击自动滚屏，负载，模糊，的keydown，提交等。