Qual è la differenza tra jQuery live() e il plugin liveQuery?

Question

La domanda dice tutto. Quale è meglio e quando usare cosa, non uso mai jQuery live() poiché sto usando il plugin liveQuery per un paio d'anni, sono abituato e continuo a usarlo. Ma voglio sapere le sottili differenze tra i due e quando usare ognuno di essi?

Answer 1

La funzione "live" nativa di jQuery sfrutta il bubbling degli eventi sul DOM. Il plugin "liveQuery", al contrario, usa il selettore per trovare gli elementi nel DOM e collegare direttamente i gestori di eventi.

A mio parere si è così meglio usare la funzione "live" quando possibile, perché si tratta di meno DOM traversal ecc, ad esempio, agganciando i gestori di eventi a cose durante un grande tavolo può essere di tipo-di slow con liveQuery ma non è affatto lento con "live". Potrebbero esserci alcuni problemi (con IE ovviamente) che ti costringono a usare liveQuery a volte, sebbene jQuery 1.4 abbia migliorato notevolmente "live".

modificare — Aggiornamento: Sep 2017

A questo punto, le versioni moderne di jQuery centralizzare registrazione gestore di eventi nel .on() API. Brevemente:

$(selector).live("event-name", handler); 

sarebbe oggi scritto con .on():

$(document).on("event-name", selector, handler); 

Il .on() API fornisce considerevolmente maggiore flessibilità rispetto al metodo lungo deprecato .live() fatto, compresa la possibilità di utilizzare qualsiasi nodo nel DOM il punto di delega (come ha fatto il vecchio .delegate()).

Answer 2

Il plug-in liveQuery è stato creato inizialmente, quindi è stato migrato a jQuery stesso.

Answer 3

Come Pointy said, live() sfrutta il bubbling degli eventi sul DOM (delegazione di eventi). Inoltre, per ogni chiamata, jQuery chiama solo handler sull'elemento $(event.target).closest(selector), ovvero l'elemento antenato-autore corrispondente più vicino dell'evento target. E, ovviamente, live() non supporta nulla come livequery(matchedFn, unmatchedFn).

implicazioni:

• $(selector).live() richiede ancora un attraversamento del DOM (ovviamente). Tuttavia, se si carica jQuery e si collegano i gestori live() nella testata del documento, non esiste ancora un corpo del documento da cercare. Allo stesso modo se inserisci nuovi contenuti nella pagina.
• live() fa meno lavoro quando viene configurato - non deve allegare i gestori ad ogni elemento abbinato
• live() fa più lavoro nella gestione di eventi - deve attraversare antenati del target dell'evento, trovando elementi che corrispondono il selettore
• $("div").live() è diverso da $("div").livequery() come funziona solo per la più vicina div al destinatario dell'evento
• Analogamente, $("div, p").live() è diverso da $("div").live(); $("p").live();

Answer 4

Una delle differenze è che .live() è nativo di jQuery (http://api.jquery.com/live/) e .livequery() è un plug-in. Come puoi vedere allo http://api.jquery.com/live/, .live() è stato ritirato in jQuery 1.7 e rimosso nella versione 1.9.