JQ BASICO

QUE ES JQUERY .... ?
 Antes de comenzar el estudio de jQuery, usted debe tener un conocimiento básico de:

• HTML
• CSS
• JavaScript

Sin embargo puedes continuar sin conocer sobre JavaScript...

jQuery es un peso ligero, "escribir menos, hacer más", biblioteca JavaScript.
El propósito de jQuery es para que sea mucho más fácil de usar JavaScript en su sitio web.

La biblioteca jQuery contiene las siguientes características:

• Manipulación de HTML / DOM
• CSS manipulación
• Métodos de evento HTML
• Efectos y animaciones
• AJAX
• Utilidades

Sugerencia: Además, jQuery tiene plugins para casi cualquier tarea que hay.

DESCARGAR JQUERY 

Hay dos versiones de jQuery disponible para su descarga:

• Versión de producción - Codigo en linea comprimido para sitios en produccion
• Versión de desarrollo - esto es para pruebas y desarrollo (código sin comprimir y legible)

Ambas versiones se pueden descargar de jQuery.com .
La biblioteca jQuery es un solo archivo de JavaScript, y hacer referencia a él con la etiqueta <script> HTML (observe que la etiqueta <script> debe estar dentro de la sección head).

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

SINTAXIS

La sintaxis de jQuery es hecho a medida para la selección de los elementos HTML y realizar alguna acción sobre el elemento (s).
Veamos la sintaxis básica es: $ ( selector ). acción ()

• Un signo $ para definir / acceder jQuery
• A ( selector ) a "consulta (o encontrar)" los elementos HTML
• Un jQuery acción () para ser realizado en el elemento (s)

Ejemplos:                                              SELECTOR
<p id="female"></p>          $("#female")
<p class="male"></p>         $(".male")
<img src="">                 $("img")   

EVENTO READY
$(document).ready(function(){

Esto es para prevenir cualquier código jQuery que se ejecute antes de que finalice el documento de carga (es listo).   // jQuery methods go here...

});            


SELECTOR DE ELEMENTOS
El selector de elementos jQuery selecciona elementos basados ​​en el nombre del elemento.
Puede seleccionar todos los elementos <p> en una página como ésta:
 $("p") 

Cuando un usuario hace clic en un botón, todos los elementos <p> se oculta:
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});

• LISTA DE SELECTORES 

• METODOS Y EVENTOS

• EFECTOS