Débat : Quelles sont les évolutions et les incompatibilités de jQuery 1.3

Membre régulier

Je l'ai essayé, et j'ai un bug au niveau du sélecteur ">".
Donc je suis repassé à la 1.2.6 en attendant de trouver un fix pour ce bug.
Les chiffres annoncés en terme de performance pour la 1.3 sont impressionnants (par rapport à la 1.2.6 déjà, et aussi par rapport à toutes les autres lib).

le 19/01/2009 à 2:13

Herode

Membre éprouvé

Ha, superbe !

Je vais tout de même attendre la 1.3.1 pour essayer ça en production.

Quelqu'un peut-il éclairer ma lanterne sur ce qu'est la "event delegation" par opposition, je suppose, au "event handling" ?

le 19/01/2009 à 11:43

Pour moi l'une des principale nouveauté est l'évènement live.

En effet, jusqu'à aujourd'hui lorsque vous définissiez une règle au document.ready, celle-ci s'appliquait sur les éléments du DOM qui existaient à ce moment là, mais si vous rajoutiez des éléments (ajax ou autres), la règle ne s'appliquait pas sur les nouveaux éléments.
Il fallait alors recréer les règles aprés chaque modification du DOM, pas très pratique.

Maintenant, c'est très simple :

Code :

1
2
3
   $("p").live("click", function(){
      $(this).after("<p>Another paragraph!</p>");
    });

Vous avez aussi maintenant la possibilité de propager un évènement, via les trigger.

Code :

1
2
3
4
5
6
7
8
    $("button:first").click(function () {
      update($("span:first"));
    });
    $("button:last").click(function () {
      $("button:first").trigger('click'); // Lance le click de bouton:first

      update($("span:last"));
    });

Accessoirement, vous pouvez créer des éléments du DOM grâce à une syntaxe simplifiée :

Code :

$("<script/>") =  $(document.createElement("script"))

Sinon, cette version 1.3 est surtout une amélioration technique permettant un gain de rapidité ( là où jquery était déjà bien en avance sur les autres .)

le 21/01/2009 à 9:19

surfeurX

Membre à l'essai

Bonjour, la version 3 implemente aussi Sizzle qui est une librairie CSS3 très rapide "http://jamesdonaghue.com/static/peppy/profile/slickspeed/"et d'après ce que j'ai lu sur un article toutes les librairie vont suivre l'exemple du jquery "dojo, prototype ..." par consequent "peppy" qui est aussi une librairie très rapide, elle suppose que le page est static ce qui la rend incomplete.
Bon developpement

le 21/01/2009 à 10:00

SQUAL

Membre habitué

Envoyé par yotsumi

Pour moi l'une des principale nouveauté est l'évènement live.

En effet, jusqu'à aujourd'hui lorsque vous définissiez une règle au document.ready, celle-ci s'appliquait sur les éléments du DOM qui existaient à ce moment là, mais si vous rajoutiez des éléments (ajax ou autres), la règle ne s'appliquait pas sur les nouveaux éléments.
Il fallait alors recréer les règles aprés chaque modification du DOM, pas très pratique.

Maintenant, c'est très simple :

Code :

1
2
3
   $("p").live("click", function(){
      $(this).after("<p>Another paragraph!</p>");
    });

Dans la doc :

Code :

1
2
.live doesn't support the no-event style callback that liveQuery provides. Only event handlers can be bound with .live.

Au final on doit encore utiliser le plugin liveQuery ? non ?

le 22/01/2009 à 11:59

Je pense que ta phrase est explicitée par cette quote de l'API :

Possible event values: click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup
Currently not supported: blur, focus, mouseenter, mouseleave, change, submit

Donc tout dépend de ce que tu désire écouter comme élément live !

le 22/01/2009 à 12:15

SQUAL

Membre habitué

Envoyé par yotsumi

Je pense que cette phrase est explicité par cette quote de l'API :

Donc tout dépend de ce que tu désire écouter comme élément live !

Bah un exemple :

Code :

1
2
$('input').spinButton();

Avec un load('page.html');, $('input').spinButton(); ne sera pas appliqué sur la page chargé. Ca ne requiert aucun evenement non ?

le 22/01/2009 à 12:21

Envoyé par SQUAL

Bah un exemple :

Code :

1
2
$('input').spinButton();

Avec un load('page.html');, $('input').spinButton(); ne sera pas appliqué sur la page chargé. Ca ne requiert aucun evenement non ?

Effectivement, tu as raison.

Si on veut lancer une fonction sur un élément, par exemple mettre en corner certains div $(".corner".corner(); ou encore $("a.light".lightbox(), on ne pourra pas le faire avec cette version de .live

Domage Il ne nous reste plus qu'à espérer que cette fonction soit améliorée dans les versions futures, en attendant liveQuery aura toujours son intéret !

le 22/01/2009 à 13:24

JeitEmgie

Expert confirmé

conclusion de quelques tests de la 1.3.1 :

encore trop de problèmes dans le selector…

…inutilisable en production…

(exemple :
plusieurs groupes de radio dans un form :

Code :

1
2
$("input[@name='NAME_OF_RAGIO_GROUP']:checked").val()

renverra toujours la valeur du radio sélectionné du PREMIER groupe…
quelque soit la valeur de NAME_OF_RAGIO_GROUP…
)

le 04/02/2009 à 14:03

gtraxx

Membre confirmé

Cette syntaxe n'est plus valide, logique que sa déconne :

Code :

$("input[@name='NAME_OF_RAGIO_GROUP']:checked").val()

On utilise plus le "@"

le 11/02/2009 à 10:50