---
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>