Imbunatatirile ce au venit cu jQuery 1.4

A iesit versiunea jQuery 1.4 de la standuri de cateva zile aducand cu ea suprize foarte placute. Vom incerca sa le evidentiem pe cele mai interesante dintre ele.Pentru inceput, eu va sugerez sa nu grabiti trecerea la versiunea urmatoare, deoarece se va lansa si jQuery 1.4.1 si 1.4.2 pana la sfarsitul lunii.

Lansare

„In celebration of jQuery’s 4th birthday, the jQuery team is pleased to release the latest major release of the jQuery JavaScript library! A lot of coding, testing, and documenting has gone into this release, and we’re really quite proud of it.

I want to personally thank Brandon Aaron, Ben Alman, Louis-Rémi Babe, Ariel Flesler, Paul Irish, Robert Katić, Yehuda Katz, Dave Methvin, Justin Meyer, Karl Swedberg, and Aaron Quint who put a lot of work into fixing bugs and getting the release out the door.”, scriu acestea in anuntul oficial.

Descarca

Echipa jQuery ne pune la dispozitie doua versiuni ale librariei ,asa cum suntem obisnuiti deja de la celelalte versiuni. Versiunea micsorata are 23 KB si o puteti descarca de aici, iar cea obinsuita pentru developeri are dimensiunea de 154 KB.
De asemenea cei de la Google au incarcat o versiune a celei micsorate la ei si ne dau liber sa o folosim in proiectele noastre.

http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js

Documentatie

Asa cum ne-am obisnuit de la celelalte versiune, aceasta platforma vine cu o documentatie foarte puternica. O puteti accesa direct de aici.

Optimizarile fata de versiune anterioara

Observam niste optimizari foarte importante aduse functiilor celor mai populare ce ne promit astfel un cod jQuery mult mai rapid.Cele mai mari optimizari au suferit .remove() .empty() .html() .find().

Schimbari

Acum ai posibilitatea de a manipula DOM-ul(Document Object Model) si crea elemente HTML atat cu atribute cat si cu functii in acelasi timp.Tare nu? 😀

jQuery("<div/>", {
    id: "foo",
    css: {
        height: "50px",
        width: "50px",
        color: "blue",
        backgroundColor: "#ccc"
    },
    click: function() {
       $(this).css("backgroundColor", "red"); 
    }
}).appendTo("body");

De asemenea daca vom folosi jQuery(“<div>”) , jQuery(“<div/>”) sau jQuery(“<div></div>”) practic vom face referire la acelasi element. Trebuie sa mentionam si ca acestea vor fi create cu document.createElement() ce nu poate insemna nimic mai mult decat : SUPER! 🙂

Functiile .css() .addClass(), .removeClass() .hasClass() au fost imbunatatite la capitolul viteza de pana la 3 ori, .toggleClass() , suporta acum clase multiple.

$("div").toggleClass("current active");

Efectele

Acum avem posibilitatea de a vedea efecte diferite pe fiecare animatie in parte. Puteti vedea mai multe exemple pe blogul lui James Padolsey.

$("#clickme").click(function() {
  $("div").animate({
    width: ["+=200px", "swing"],
    height: ["+=50px", "linear"],
  }, 2000, function() {
      $(this).after("
Animation complete.
");
  });
});

Evenimente noi

Avem doua evenimente noi foarte foarte utile : focusin si focusout ce sunt echivalente cu focus si blur.

$("form").focusout(function(event) {
    var tgt = event.target;
    if (tgt.nodeName == "INPUT" && !tgt.value) {
        $(tgt).after("nothing here");
    }
});

Mai mult de atat, toate evenimentele pot fi evenimente .live(), cu exceptia ready, focus si blur.

Coada de asteptare

Si la acest capitol avem imbunatatiri frumoase,acum avem posibilitatea de a folosi functia .delay() pentru a intarzia executarea cozii de asteptare.

In jQuery 1.4 functia Queue next trece ca arguement o functie care este trecuta intr-o alta lista de asteptare,acest lucru ajutand la pastrarea miscarii cozii.
jQuery("div").queue("ajax", function(next) {
  var self = this;
  jQuery.getJSON("/update", function(json) {
    $(self).html(json.text);
    next();
  };
}).queue("ajax", function() {
  $(this).fadeIn();
});

Mai exista schimbari care nu sunt extrem de semnficative ce nu le-am mentionat ce le puteti descoperi in documentatia pentru versiunea 1.4 dar si aici. De asemenea daca sunteti interesati de incompatibilitati sau alte probleme de acest gen, puteti accesa acest link.
De asemenea pe 15 ianuarie, patru din membrii echipei au raspuns la cateva intrebari in timpul unei sesiuni de Questions & Answers. Puteti vedea inregistrarea mai jos.

  
Schimbarile interne
Pe 16 ianuarie John Resig a incercat sa explice ce schimbari au avut loc in libraria jQuery pentru a ajunge la aceste imbunatatiri ale core-ului.


As aprecia foarte mult cateva comentarii, completari sau ce ati reusit sa faceti cu noua librarie de la jQuery. 🙂