aboutsummaryrefslogtreecommitdiff
path: root/files/pt-br/glossary/jquery/index.html
blob: 8eb1ccaffb74b1bee26cc04a62bef798fe09ba04 (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
---
title: jQuery
slug: Glossario/jQuery
tags:
  - Jquery em português
translation_of: Glossary/jQuery
---
<p><strong>jQuery</strong> é uma {{Glossary("Biblioteca")}} {{Glossary("JavaScript")}} que visa a simplificação na manipulação do {{Glossary("DOM")}} , nas chamadas de {{Glossary("AJAX")}} e no gerenciamento de {{Glossary("Eventos")}} . É muito utilizado por desenvolvedores de Javascript.</p>

<p>jQuery usa o formato <code>$(seletor).acão()</code> para atribuir um evento a um elemento. Resumindo, <code>$(seletor)</code> chamará jQuery, que selecionará elemento(s) com base no 'seletor' e atribuirá um evento {{Glossary("API")}} chamado <code>.acão()</code>.</p>

<pre class="brush: js"><code class="language-js">$(document).ready(function(){
  alert("Hello World!");
  $("#blackBox").hide();
});</code></pre>

<p>O codigo acima tem a mesma funcionalidade que o codigo abaixo:</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="Download_jQuery">Download jQuery</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col"><strong>npm</strong></th>
   <th scope="col">bower (solo file)</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="Veja_mais">Veja mais</h2>

<h3 id="General_knowledge">General knowledge</h3>

<ul>
 <li>{{Interwiki("wikipedia", "jQuery")}} on Wikipedia</li>
 <li>Web site oficial <a href="https://jquery.com/">jQuery </a></li>
</ul>

<h3 id="Technical_information">Technical information</h3>

<ul>
 <li><a href="https://api.jquery.com/">API reference documentation</a><a href="https://api.jquery.com/"> </a></li>
</ul>