Cómo insertar variables jQuery HTML

Escrito por adrian grahams Google | Traducido por juan manuel rodriguez
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo insertar variables jQuery HTML
Código HTML. (Comstock/Comstock/Getty Images)

La variable jQuery es un fragmento de código JavaScript que se puede insertar en páginas Web para agregar animaciones, efectos de diseño y efectos de texto. Como todos los elementos de código JavaScript, estas variables trabajan con el código de diseño HTML, HyperText Markup Language, que los editores utilizan en muchos sitios web de diseño y maquetación. Puedes insertar variables jQuery en el código HTML del diseño de tu sitio web editando la página en el software de diseño web, un editor HTML o una herramienta de edición de texto sin formato, como el Bloc de notas de Microsoft o las aplicaciones de Microsoft WordPad que se suministran con todas las computadoras Windows.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Inicia el programa de diseño web, editor HTML o editor de texto plano.

  2. 2

    Haz clic en "File" (Archivo) en el menú principal. Selecciona "Open" (Abrir) en el menú contextual y abre la página Web en la que deseas insertar la variable jQuery. Haz clic en "Code" (Código) o vista "HTML" si estás utilizando software de diseño web. Esto muestra todo el código HTML de la página.

  3. 3

    Desplázate hasta la sección de encabezado de la página Web. Esto es todo el texto y el código entre las etiquetas <head> y </head>.

  4. 4

    Haz clic en la página inmediatamente antes de la etiqueta </head> y escribe o pega el código de la variable jQuery. Por ejemplo, inserta un botón de texto que desaparece cuando el usuario hace clic en el botón:

    <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $(this).hide(); }); }); </script>

  5. 5

    Desplázate hasta la sección del cuerpo de la página. Este es todo el código y el texto entre las etiquetas <body> y </body>.

  6. 6

    Haz clic en la ubicación de inserción correcta en el texto, el efecto gráfico u objeto que se desees implementar con el código de la variable jQuery que has insertado en la sección de encabezado. Por ejemplo, para introducir el código para el efecto de un botón desapareciendo:

    <button>Click Here</button>

  7. 7

    Guarda la página Web editada y cárgala al servidor anfitrión de tu sitio web. Repite este proceso para cada variable jQuery que desees insertar.

Consejos y advertencias

  • Si no sabes cómo crear el código JavaScript tú mismo, puedes copiar ejemplos de código de variables jQuery de código libre, Web en línea y bibliotecas JavaScript.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles