Archive for the ‘javascript’ Category

  • Mas JQuery parte V

    0

    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.

  • Mas JQuery 1.4 Parte IV

    0

    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
    
  • Mas JQuery 1.4 Parte III

    0

    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
    });
    
  • Mas JQuery 1.4 Parte II

    0

    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
        }
    })