Diferencia entre revisiones de «Usuario:Juanda/jQuery/html»

De WikiEducator
Saltar a: navegación, buscar
(Página creada con ' <div class="slide"> === Manipulación de html === </div> *Cambia el contenido del elemento/s html seleccionado/s: <source lang="javascript"> $(selector).html(contenido) </sou…')
 
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


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");