Videtutorial función $ de jQuery

  • Por
Vídeo tutorial sobre el framework Javascript jQuery. Explicaremos el Core de jQuery y la función dólar $().
Estamos realizando una serie de vídeos para explicar el funcionamiento y la programación con el framework Javascript jQuery. En el anterior vídeo publicado en DesarrolloWeb.com mostramos cómo instalar jQuery y cómo hacer una primera página que utiliza el framework para hacer un pequeño efecto. Era un vídeo introductorio, que deberíamos ver antes que éste, donde se explican las cosas desde cero.

Así que en estos dos vídeos que podréis ver a continuación partimos desde la base que ya habéis puesto jQuery a funcionar en una primera página. Ahora veremos detalles sobre la programación de este framework, simples y fundamentales también para dar los primeros pasos.

Se trata de conocer el Core de jQuery, que es el núcleo donde se encuentran las funciones principales y más recurridas de estas librerías. En concreto veremos la denominada función jQuery, que también se conoce como función dólar $(). Esta función tiene varios usos, que vamos a ver a lo largo de estos dos vídeos.

Los presentes vídeos sirven para ilustrar un par de artículos publicados en el Manual de jQuery, para que las personas con menos experiencia puedan ver por la práctica cómo ponerse manos a la obra en la utilización de este framework javascript.

En realidad en el videotutorial es el mismo, pero está partido en dos partes, de 10 minutos cada una, para poder subirlo a YouTube.

Vídeo 1: función jQuery o función $()

En la primera parte de este videotutorial hemos dedicado el tiempo a explicar el uso principal de la función jQuery, que es seleccionar elementos de la página y extenderlos para que atiendan a las funcionalidades que aporta este framework. Los elementos se seleccionan indicando como parámetro a la función dólar un selector, que sirve para definir el elemento o elementos que queremos seleccionar. Existen varios tipos de selectores que veremos a lo largo del vídeo, al menos los más importantes.

El texto que complementa este vídeo está en el artículo Función jQuery o función $().

El ejemplo construido en este vídeo de jQuery se puede ver en marcha en una página aparte.

Vídeo 2: Otros usos de la función $()

En la segunda parte del vídeo mostraremos otros usos de la función dólar $(), con diversas aplicaciones según los parámetros que le pasemos. Por ejemplo podemos pasar un HTML a la función, para generar todos esos elementos que luego podríamos insertar en la página. También se puede enviar un objeto o incluso una función, como veremos en el videotutorial, junto con algunos ejemplos que ilustrarán las posibilidades de todos esos usos.

Este vídeo sirve de guía para explicar el artículo Otros usos de la función $().

Si lo deseamos, podemos ver el ejemplo realizado en este segundo vídeo del framework jQuery.

Autor

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir

Comentarios

erickbuzz

12/1/2012
muy bien, solo una duda
entonces es lo mismo :

$("document").ready(function(){
//dom listo
})

que:

$(function(){
//dom listo
})

al menos el codigo si corria.

jagavi

23/3/2012
duda
otra duda

semeparo1212

30/7/2012
agradecimiento y observación
oye solo era para decirte que te saltaste la O en el titulo (Videtutorial función $ de jQuery).... y de paso agradecer tu gran labor al publicar estos grandiosos articulos, en los cuales estoy encantado de leer y seguirlos.... gracias de nuevo y te deseo muchos exitos :)