jQuery

jQuery实现Ajax

jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。

(1)下载和配置jQuery

官网：http://jquery.com

下载地址：http://jquery.com/download/

当前的版本是3.1.1，下载后将得到名称为jquery-3.1.1.min.js的文件。

配置：将下载后的jquery-3.1.1.min.js文件放置到项目的指定文件夹中，通常放置在JS文件夹中，然后在需要应用jQuery的页面中使用下面的语句，将其引用到文件中。

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

(2)选择器

#id

概述

根据给定的ID匹配一个元素。

使用任何的元字符（如 !"#$%&'()*+,./:;<=>?@[\]^`{|}~）作为名称的文本部分， 它必须被两个反斜杠转义：\\。 参见示例。

参数

idStringV1.0

用于搜索的，通过元素的 id 属性中给定的值

示例

描述:

查找 ID 为"myDiv"的元素。

HTML 代码:

<div id="notMe"><p>id="notMe"</p></div>
<div id="myDiv">id="myDiv"</div>

jQuery 代码:

$("#myDiv");

结果:

[ <div id="myDiv">id="myDiv"</div> ]

element

概述

根据给定的元素标签名匹配所有元素

参数

elementStringV1.0

一个用于搜索的元素。指向 DOM 节点的标签名。

示例

描述:

查找一个 DIV 元素。

HTML 代码:

<div>DIV1</div>
<div>DIV2</div>
<span>SPAN</span>

jQuery 代码:

$("div");

结果:

[ <div>DIV1</div>, <div>DIV2</div> ]

.class

概述

根据给定的css类名匹配元素。

参数

classStringV1.0

一个用以搜索的类。一个元素可以有多个类，只要有一个符合就能被匹配到。

示例

描述:

查找所有类是 "myClass" 的元素.

HTML 代码:

<div class="notMe">div class="notMe"</div>
<div class="myClass">div class="myClass"</div>
<span class="myClass">span class="myClass"</span>

jQuery 代码:

$(".myClass");

结果:

[ <div class="myClass">div class="myClass"</div>, <span class="myClass">span class="myClass"</span> ]