Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

jQuery

La librería jQuery proporciona una capa de abstracción de aplicación general para programación Web común, y por lo tanto es de utilidad en casi cualquier situación de programación.
by

Erick Cuevas

on 24 November 2011

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of jQuery

jQuery javascript Es un framework de Javascript que permite simplificar la manera de interactuar con los documentos HTML, manipular el árbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la técnica AJAX a páginas web. ¿Qué es jQuery? ¿Que hace jQuery? Acceder a elementos en un documento.
Modificar la apariencia de una página Web.
Alterar el contenido de un documento.
Responder a la interacción de un usuario.
Animar cambios realizados a un documento.
Recuperar información de un servidor sin refrescar una página.
Simplificar tareas JavaScript comunes. Descargar jQuery Tecnologias Para la Web
Profra: Rivera de la Rosa Mónica
Grupo: 2CM8 Agregar jQuery <script src="url/de/jquery.js" type="text/javascript"></script> La funcion factory $() Con independencia del tipo de selector que queremos utilizar en jQuery, siempre empezamos con el signo de dólar y paréntesis: $ ().
En jQuery, el signo de dólar $ es simplemente un "alias" para jQuery. Pueden surgir conflictos si más de una de estas librerías se utilizan en una página dada porque una función $ () es muy común en librerías JavaScript. Podemos evitar tales conflictos al reemplazar cada instancia de $ con j Query en nuestro código jQuery personalizado. Ejemplo:
Aplicar la clase large a la etiqueta <body>
Esto permitirá que la hoja de estilo vuelva a aplicar formato a la página de forma apropiada.

$ (/body/) .addClass (/large/);

Tres bloques principales de estos selectores son nombre etiqueta, ID, y clase. Se pueden utilizar de forma independiente o en combinación con otros selectores. Al cargar la página Al hacer click en un Botón Para esto se aplicara el método .bind()
Este método nos permite especificar cualquier
evento JavaScr,ipt, y anexarle un comportamiento.
En este caso, el evento se denomina click, y el
comportamiento es una función que consta de
nuestra línea anterior: Efectos
Visuales Modifica los atributos alto, ancho y transparencia, partiendo de 0.
$(objeto).show("velocidad") Modifica los atributos alto, ancho y transparencia, partiendo de los valores actuales hasta llegar a 0.
$(objeto).hide("velocidad") Modifica los atributos alto y transparencia, partiendo de 0. Es similar a "show", salvo que no modifica el ancho, creando un efecto de "cortinilla".
$(objeto).slideDown("velocidad") Modifica los atributos alto y transparencia, partiendo de los actuales, hasta llegar a 0. Es similar a "show", salvo que no modifica el ancho, creando un efecto de "cortinilla".
$(objeto).slideUp("velocidad") Modifica el atributo transparencia desde 0.
$(objeto).fadeIn("velocidad") Modifica el atributo transparencia desde el valor actual, hasta llegar a 0.
$(objeto).fadeOut("velocidad") Centra un elemento con respecto a su "parent".
$(objeto).center("velocidad"); Modifica el atributo transparencia a un valor especifico.
$(objeto).fadeTo("velocidad", transparencia) Modifica un atributo especifico.
$(objeto).animate("propiedades","velocidad");
$(objeto).animate({width:20,height:200} , "slow"); Show (Mostrar) Hide (Ocultar) Slide Down (Aparecer hacia abajo) Slide Up (Aparecer hacia arriba) Fade In(Aparecer) Fade Out(Desaparecer) Center (Centrar) Fade To(Cambiar transparencia) Animate (Animar) GRACIAS! $ (document).ready(function() {
$ (/#switcher-large/) .bind(/click/, function () {
$ {/body/l .addClass (/large/l ;
}) ;
}) ; $ (document) .ready(function(){
//codigo aquí
} ); Eventos
Full transcript