blob: f0a4d1ce37494ea15af963fab3d69701fbcce42c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
|
---
title: jQuery
slug: Glossary/jQuery
tags:
- JQuery
- JavaScript
- 术语
translation_of: Glossary/jQuery
---
<p><strong>jQuery</strong> 是一个着重简化 {{Glossary("DOM")}} 操作，{{Glossary("AJAX")}} 调用和{{Glossary("Event", "事件")}}处理的 {{Glossary("JavaScript")}} {{Glossary("Library", "库")}}。一些前端 JavaScript 开发者经常会用到它。</p>
<p>jQuery 使用 <code>$(selector).action()</code> 的格式给一个（或多个）元素绑定事件。具体来说，<code>$(selector)</code> 让 jQuery 选择匹配 CSS 选择器 <code>selector</code> 的元素，并将它/它们传递给叫做 <code>.action()</code> 的事件 {{Glossary("API")}}。</p>
<pre class="brush: js"><code class="language-js">$(document).ready(function(){
alert("Hello World!");
$("#blackBox").hide();
});</code></pre>
<p>上述代码和以下代码功能相同：</p>
<pre class="brush: js"><code class="language-js">window.onload = function() {
alert( "Hello World!" );
document.getElementById("blackBox").style.display = "none";
};</code></pre>
<h2 id="下载_jQuery">下载 jQuery</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">npm</th>
<th scope="col">bower（单文件）</th>
<th scope="col">Google CDN</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>npm install jquery</code></td>
<td><code>bower install https://code.jquery.com/jquery-3.2.1.min.js</code></td>
<td><code>https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js</code></td>
</tr>
</tbody>
</table>
<h2 id="更多学习">更多学习</h2>
<h3 id="基本知识">基本知识</h3>
<ul>
<li>维基百科上的 {{Interwiki("wikipedia", "jQuery")}}</li>
<li><a href="http://jquery.com/">jQuery 官方网站</a></li>
</ul>
<h3 id="技术信息">技术信息</h3>
<ul>
<li><a href="https://api.jquery.com/">官方 API 文档</a></li>
</ul>
|
