Unwrap elementos
El método “.wrap()” existe hace rato, pero ahora John Resig ha agregado “.unwrap()” el cual remueve todos los tags exteriores al nodo JQuery seleccionado. Como funciona ?
Supongamos el siguiente HTML:
<div> <p>Some text here</p> </div>
Queremos extraer el tag <p>, entonces usamos “.unwrap()”.
$("p").unwrap();
Este metodo quita el tag <div> que contiene a <p>. Elimina fácilmente el parent tag.
Este feature esta muy bueno ya que podes agregar un delay al animation queue. Permite pausar los ciclos entre las animaciones sin estar llamando a setTimeout entre medio. Aca el ejemplo:
$("#mydiv")
.slideDown() // slide down
.delay(200) // just wait 200 milliseconds, this is the delay
.fadeIn(); // fade in effect
Con la llegada de JQuery 1.4 John Resig agregó nuevos eventos. Focus in y focus out ahora estan disponibles y son realmente útiles.
$("#myinput").focusin(function() {
//some code
});
$("#myinput").focusout(function() {
//some code
});
De ésta manera se puede hacer bind de varios eventos a la vez a un elemento JQuery.
$("#myid").bind({
click: function() {
// my stuff
},
mouseover: function() {
// my stuff
},
mouseout: function() {
// my stuff
}
})
Hace unos días John Resig hizo el release de JQuery 1.4 . Para los que no saben, JQuery es un framework de javascript para manipulación, styling y manejo de eventos. En este release hay una serie de nuevos features los cuales hacen mucho mas fácil el uso de este framework.
$('<a/>', {
id: "linkX",
href: "http://mysite.com",
title: "Some title",
text: "Some inner text"
});
Esto hace que se cree un elmento anchor con id, href y title. El atributo text es seteado como .text(“some inner text”). Es super util.
2 .Pasando eventos para la creación de un element
$('<a/>', {
id: "linkX",
href: "http://mysite.com",
title: "Some title",
text: "Some inner text",
click: function() {
myFunction();
}
});
Como en el primer ejemplo , aca pasamos eventos como atributos. En este caso, un evento click para un anchor.
En el siguiente artículo voy a continuar mostrandoles nuevos features de este excelente framework.
