blob: 5ddba3d180525d16cf3bcf8da5aaf9f260b1135d (
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
59
60
61
62
63
64
|
---
title: jQuery
slug: Glossary/jQuery
tags:
- Glosario
- JQuery
- JavaScript
translation_of: Glossary/jQuery
---
<p>jQuery es una {{Glossary("JavaScript")}} {{Glossary("Library")}} que se enfoca en simplificar la manipulación del {{Glossary("DOM")}}, llamadas {{Glossary("AJAX")}} y manejo de {{Glossary("Event")}}. Es utilizado por desarrolladores JavaScript de manera frecuente.</p>
<p>jQUery usa un formato, <code>$(selector).action()</code> para asignar elementos a un evento. Para explicarlo con mayor detalle, <code>$(selector)</code> hara que jQuery seleccione los elementos <code>selector</code> y los asigne a un evento {{Glossary("API")}} llamado <code>.action()</code>.</p>
<pre class="brush: js"><code class="language-js">$(document).ready(function(){
alert("¡Hola Mundo!");
$("#blackBox").hide();
});</code></pre>
<p>El código anterior es equivalente al siguiente:</p>
<pre class="brush: js"><code class="language-js">window.onload = function() {
alert( "¡Hola Mundo!" );
document.getElementById("blackBox").style.display = "none";
};</code></pre>
<h2 id="Descargar_jQuery">Descargar 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="Aprende_más">Aprende más</h2>
<h3 id="Conocimiento_general">Conocimiento general</h3>
<ul>
<li>{{Interwiki("wikipedia", "jQuery")}} en Wikipedia</li>
<li><a href="http://jquery.com/">Sitio oficial de jQuery</a></li>
</ul>
<h3 id="Aprende_jQuery">Aprende jQuery</h3>
<ul>
<li><a href="https://www.codecademy.com/learn/jquery">Curso web en codeacademy.com</a></li>
</ul>
<h3 id="Información_técnica">Información técnica</h3>
<ul>
<li><a href="https://api.jquery.com/">Documentación de referencia de la API</a><a href="https://api.jquery.com/"> </a></li>
</ul>
|
