如何使用Ajax jQuery进行HTML5和CSS3编程

时间:2020-02-23 14:28:42  来源:igfitidea点击:

虽然HTML5和CSS3程序员提供了许多优秀的AJAX/JavaScript库,但jQuery已迅速成为最突出的。
以下是jQuery普及的原因:

  • 这是一个强大的库 。 jQuery系统非常强大。它可以做各种令人印象深刻的事情,让JavaScript更易于写入。

  • 这是轻量级的。我们需要在需要它的每个文件中包含对库的引用。整个jQuery库适用于55k,比许多图像文件小。它不会对下载速度产生重大影响。

  • 它支持灵活的选择机制。 jQuery大大简化并扩展了DOM统治的Document.getElementByID机制。

  • 它有很好的动画支持。我们可以使用jQuery使元素出现并淡化,移动和幻灯片。

  • 它使Ajax查询微不足道。你会感到震惊,因为AJAX是多么容易的是jQuery。

  • 它具有增强的事件机制。 JavaScript对事件的支持非常有限。 jQuery添加了一个非常强大的工具,用于将事件处理程序添加到几乎任何元素。

  • 它提供跨平台支持。 jQuery库试图为我们管理浏览器兼容性问题,因此我们不必强调正在使用哪些正在使用的浏览器。

  • 它支持用户界面窗口小部件。 JQuery附带一个强大的用户界面库,包括Tools HTML没有,如拖放控件,滑块和日期选择器。

  • 它非常稳定。 jQuery有一个插件库,支持各种可选函数,包括新的小部件和工具,如音频集成,图像画廊,菜单等等。

  • 它介绍了强大的新编程思想。 jQuery是一种伟大的工具,用于了解像函数规划和可链对象等一些非常有趣的想法。

  • 它是免费和开源的。它可以在开源许可证下提供,这意味着它不需要使用,并且如果我们愿意,我们可以查看并更改它。

  • 这是合理的典型。如果我们选择使用不同的AJAX库,我们仍然可以传输我们在jQuery中学到的想法。

如何安装jquery

jQuery库易于安装和使用。
跟着这些步骤:

  • 转到jquery.com。

  • 下载当前版本。
    目前,最新版本为1.10.2. 有2.x系列,但这些版本不支持旧浏览器,因此在旧浏览器(特别是6且较少)根本不再使用之前,不会采用。

  • 我们可以从文件的许多版本中选择。建议使用最小化版本进行实际使用。要使此文件尽可能小,请删除每个不必要的字符。此文件非常紧凑,但难以阅读。如果要实际读取代码,则下载非敏化版本,但通常更好地包含程序中最小化的版本。

将生成的文件存储到工作目录中。

jQuery-1.10.2.2.Min.js是当前文件。

<script type = "text/javascript"
   src = "jquery-1.10.2.min.js"></script>

要在页面中包含库,只需将其链接到它作为外部JavaScript文件:

在写入或者包含引用jQuery其他代码之前,请务必包含前面的代码。

如何从谷歌导入jQuery

轻松添加jQuery支持,我们可以在未下载任何内容的情况下添加jQuery(和其他AJAX库)支持的另一种好方法。
Google拥有可公开版本的几个重要的库 (包括jQuery),我们可以从其服务器下载。

  • 这有几个有趣的优势:

  • 我们不必安装任何库。所有库文件都留在Google服务器上。

  • 库自动更新。我们始终可以访问该库的最新版本,而无需对代码进行任何更改。

库 可能更快地加载。
第一次页面中的一个页面从Google的服务器读取库,我们必须等待完整的下载,但是库存储在缓存中(一种浏览器内存形式),以便后续请求基本上是立即的。

<script type = "text/javascript"
  src="http://www.google.com/jsapi"></script>
<script type = "text/javacript">
 //Load jQuery
 google.load("jquery", "1");
 //your code here
</script>

这就是你的方式:

  • 基本上,从谷歌加载jQuery是一个两步的过程:

  • 从Google加载Google API。
    使用第一个<脚本>标记来引用Google Ajax API服务器。这使我们可以访问Google.load()函数。

  • 调用Google.Load()以加载jQuery。

  • 第一个参数是我们要加载的库的名称。

第二个参数是版本号。
如果我们将此参数留空,则会收到最新版本。
如果指定数字,Google会为我们提供该版本的最新变体。

请注意,我们无需在本地安装任何文件以使用Google方法。