jQuery le permite seleccionar elementos en una página Web con facilidad. Usted puede encontrar todo lo que quieras en una página y luego usar jQuery para añadir efectos especiales, reaccionar a las acciones del usuario, o mostrar y ocultar el contenido dentro o fuera del elemento que ha seleccionado. Todas estas tareas se inician con saber cómo seleccionar un elemento. Aquí hay una lista a la mano se puede utilizar para seleccionar casi cualquier cosa en su página Web.
Conteúdo
| Para Seleccionar por | Utilizar esta |
|---|---|
| Tipo de elemento (por ejemplo, | $ ("img") |
| Todos los elementos | $ ("*") |
| ID (por ejemplo, id = "thisIsTheID") | $ ("# thisIsTheID") |
| Clase (por ejemplo, class = "someClass") | $ (". someClass") |
| Orden (por ejemplo, el primero o el último | $ ("img: primero") $ ("img: la última") |
| Atributo, (por ejemplo, para obtener el atributo de longitud de | $ ("img [altura]"). Longitud |
| Parent (por ejemplo, el padre de ) | $ ("div: padres") |
| Niño (por ejemplo, el primero o el último hijo del ) | $ ("div: first-child") $ ("div: last-child") |
efectos jQuery son muy divertidos y pueden transformar una página Web simple, estática en una experiencia dinámica e interactiva para el visitante del sitio. Parte del interés visual que ofrece jQuery es la capacidad de mostrar, ocultar, diapositivas, y se desvanecen elementos. Los ejemplos que siguen todos utilizan este código de ejemplo:
Mi página de prueba
He aquí un rápido resumen sobre cómo aplicar estos efectos a una elemento de una página Web.
| Efecto | Prefijo |
|---|---|
| Esconder | $ (": enviar"), haga clic en (function () {. $ ("div") ocultar (). - }) - |
| mostrar | $ (": enviar"), haga clic en (function () {. $ ("# showme") show (). - }) - |
| Deslice hacia abajo | $ (": enviar"), haga clic en (function () {. $ ("# showme") slideDown (). - }) - |
| Deslizar hacia arriba | $ (": enviar"), haga clic en (function () {. $ ("# HideMe") slideUp (). - }) - |
| Fundirse | $ (": enviar"), haga clic en (function () {. $ ("# showme") fadeIn (). - }) - |
| Fade out | $ (": enviar"), haga clic en (function () {. $ ("# HideMe") fadeOut (). - }) - |
jQuery le proporciona maneras fáciles de conseguir los datos en su página Web. En particular, se puede insertar cualquier contenido que desee, en cualquier parte de la página. Los ejemplos que siguen todos utilizan este código de ejemplo:
Mi página de prueba
He aquí un resumen rápido de cómo insertar el contenido antes, después y dentro de una elemento en una página Web:
| Para colocar contenido | Prefijo |
|---|---|
| En frente de y fuera de la (antes de) | $ (": enviar"), haga clic en (function () {. $ ("div"). antes ("Antes ") - }) - |
| En la parte trasera de y fuera de la (después) | $ (": enviar"), haga clic en (function () {. $ ("div"). después ("Después ") - }) - |
| Dentro de pero el contenido beforeexisting (anteponer) | $ (": enviar"), haga clic en (function () {. . $ ("div") Anteponer ("Nuevos Contenidos") - }) - |
| Dentro de pero afterexisting contenidos (anexar) | $ (": enviar"), haga clic en (function () {. $ ("div") append ("Nuevos Contenidos"). - }) - |
A medida que adquiera experiencia con jQuery, es probable que tenga preguntas acerca de las técnicas más avanzadas jQuery. Y después de utilizar jQuery plug-ins, podrás enganchado y quiere conseguir más. jQuery.com ofrece una gran cantidad de apoyo técnico y la lista oficial de jQuery plug-ins. Visite estos sitios adicionales para respuestas a sus preguntas y jQuery para más formas de extender cómo utilizar jQuery en tus páginas web:
jQuery en la Wikipedia
jQuery para principiantes absolutos
JQuery Visual
jQuery Plugins
Smashing Magazine
Speckyboy Design Magazine
Nettuts +
Woorkup
Cómo agregar código jQuery costumbre de adobe animado borde cc 
Cómo utilizar widgets móviles jquery de dreamweaver Cómo usar ajax y jQuery para su inclusión en el cliente de su sitio HTML5 y CSS3 Los métodos comunes de nodo jQuery 
Cómo agregar HTML a una página con jQuery Cómo agregar jQuery a una página 
Cómo crear una página para móviles dispuestos en Dreamweaver Páginas jQuery Mobile Starter de Dreamweaver son una buena manera de generar rápidamente un sitio móvil fácil. La página móvil de arranque crea una página HTML5 con cinco ficha páginas prediseñadas jQuery Mobile, o secciones de la página…
Cómo incorporar el jQuery ready () función Un problema común en la programación de javascript es que el programa de javascript se ejecutará antes de que se cargue la página. Se puede acceder a los elementos HTML en una página. Esto significa que también puede acceder a cosas…
Cómo instalar jQuery Hay dos formas de usar jQuery, ya sean descargados de forma local o en una red de entrega de contenido (CDN). La copia local es sólo eso, un archivo que se encuentra dentro de la raíz del documento en el disco duro de su servidor. Una versión…
Cómo seleccionar elementos con jQuery ost de lo que va a hacer en jQuery sucede a través de selectores. Por ejemplo, podrás frecuencia selecciona una pieza de una página web y luego tener jQuery realizar una acción en ese pedazo de la página. Esa acción podría ser cualquier cosa…
Selectores y filtros Jquery Parte del poder de jQuery se basa en su capacidad de seleccionar determinadas secciones de la página. Esta tabla incluye varios selectores y filtros usados comúnmente.Selector / FiltroLas búsquedas de # 133- $ ("elemento")Cualquier elemento…
Recursos jquery Online A medida que adquiera experiencia con jQuery, es probable que tenga preguntas acerca de las técnicas más avanzadas jQuery. Y después de utilizar jQuery plug-ins, podrás enganchado y quiere conseguir más. jQuery.com ofrece una gran cantidad de…
Cómo realizar transformaciones jquery para sitios css3 Es posible utilizar jQuery para realizar transformaciones y estas transformaciones son a menudo más potente, pero fácil de usar, que las transformaciones CSS3 nativos. Sin embargo, a fin de obtener esta funcionalidad, debe descargar un jQuery…
Cómo seleccionar elementos con jQuery en css3 Puede usar jQuery para realizar una amplia gama de selecciones de objetos en su aplicación CSS3, pero en su mayor parte, a utilizar los selectores básicos. Puedes leer más sobre ellos en jQuery. Aquí hay una lista de selectores básicos que…
Cómo utilizar jQuery para crear una interfaz con pestañas en css3 Para algunos sitios web de una interfaz con pestañas es el mejor método para mostrar la información. CSS3 tiene código para utilizar el método de jQuery para crear una interfaz con pestañas.$ (function () {// Crear las variables para mantener…
Cómo trabajar con la flexibilización avanzada en jQuery UI efectos especiales en css3 Muchas aplicaciones requieren que mostrar u ocultar elementos CSS3 en diferentes puntos de la ejecución de la aplicación. Puede ser algo tan simple como no tener el elemento en ese momento (por ejemplo, una barra de progreso). En la mayoría de…
Enlace su página web a la biblioteca jQuery Si utiliza Galleria para construir una cartera de fotos para su sitio web para que aparezca en el iPad y el iPhone, tendrá que enlazar a la biblioteca jQuery en la red de entrega de contenido de Google (CDN).El método más fácil para hacer el…
Inserción de contenido antes, después, y en su interior elementos con jQuery jQuery le proporciona maneras fáciles de conseguir los datos en su página Web. En particular, se puede insertar cualquier contenido que desee, en cualquier parte de la página. Los ejemplos que siguen todos utilizan este código de ejemplo:Mi…