|
|
Línea 1: |
Línea 1: |
| + | {{Usuario:juanda/jQuery/nav }} |
| + | {{#widget:Slides}} {{MiTitulo| Curso de jQuery-html}} |
| + | <div class="slides layout-regular template-default"> |
| + | <div class="slide"> |
| | | |
| + | = html y jQuery = |
| + | </div> |
| | | |
| + | <div class="slide"> |
| <div class="slide"> | | <div class="slide"> |
| | | |
Revisión de 11:07 29 oct 2012
jQuery
Tutorial para desarrollar en Web mediante jQuery.
html y jQuery
Manipulación de html
- Cambia el contenido del elemento/s html seleccionado/s:
$(selector).html(contenido)
- Añaden contenido en el elemento HTML seleccionado:
$(selector).append(content)
$(selector).prepend(content)
- Añaden contenido después o antes del elemento HTML seleccionado:
$(selector).after(content)
$(selector).before(content)
Manipulación de css
Obtiene la propiedad CSS del primer elemento seleccionado:
//$(selector).css(name)
$(this).css("background-color");
Establece el valor de una propiedad CSS de los elementos seleccionados:
//$(selector).css(name,value)
$("p").css("background-color","yellow");
Establece varias propiedades CSS de los elementos seleccionados:
//$(selector).css({properties})
$("p").css({"background-color":"yellow","font-size":"200%"});
Establece la altura de los elementos seleccionados:
//$(selector).height(value)
$("#div1").height("200px");
Establece la anchura de los elementos seleccionados:
//$(selector).width(value)
$("#div2").width("300px");