¿Cuál es la diferencia entre: $ .html (this.el) y esto $ el.html

Question

¿Cuál es la diferencia entre:.

$(this.el).html 

y

this.$el.html 

Leyendo algunos ejemplos columna vertebral y algunos hazlo de una manera u otra de otra manera.

Answer 1

contiene un elemento con jQuery (o Zepto). Por lo tanto, si su vista HTML era la siguiente:

<div id="myViewElement"></div>

... y this.el referenciado que div, entonces $(this.el) sería el equivalente de recuperar directamente a través de jQuery: $('#myViewElement').

this.$el es una referencia en caché del objeto jQuery (o Zepto), por lo que una copia de lo que obtendrías al llamar al $(this.el). La intención es evitarle la necesidad de llamar al $(this.el), lo que puede tener algunos gastos generales y, por lo tanto, problemas de rendimiento.

Tenga en cuenta: los dos NO son equivalentes. this.el solo es una referencia a un objeto host HTMLElement - no hay bibliotecas involucradas. Este es el resultado de document.getElementById. $(this.el) crea una nueva instancia del objeto jQuery/Zepto. this.$el hace referencia a una sola instancia del objeto anterior. No es "incorrecto" utilizar ninguno de ellos, siempre que comprenda los costos de varias llamadas al $(this.el).

En código:

this.ele = document.getElementById('myViewElement'); 
this.$ele = $('#myViewElement'); 

$('#myViewElement') == $(this.ele); 

Además, es importante mencionar que jQuery y Zepto tienen cachés internos parciales, llamadas así adicionales para $(this.el)podría terminar de devolver un resultado almacenado en caché de todos modos, y es por eso que digo "puede tener problemas de rendimiento". También puede que no.

Documentación

• view.$el - http://backbonejs.org/#View-$el
• $ en columna vertebral - http://backbonejs.org/#View-dollar
• jQuery base de objeto - http://api.jquery.com/jQuery/
• Zepto base de objeto - http://zeptojs.com/#$()

Answer 2

Si $el existe en this y es un objeto jQuery, no se debe utilizar $(this.el) porque estaría iniciando un nuevo objeto jQuery cuando ya existe.

Answer 3

Al envolver un elemento en $() se añaden las extensiones de jQuery al prototipo del objeto. Una vez hecho esto, no es necesario volver a hacerlo, aunque no hay ningún daño que no sea el rendimiento al hacerlo varias veces.

Answer 4

suelo ver esto:

var markup = $(this).html(); 
$(this).html('<strong>whoo hoo</strong>'); 

Estoy de acuerdo con Raminon. Tus ejemplos que has visto se ven mal.

Este código se ve típicamente dentro de un bucle jquery, como cada uno() o un controlador de eventos. Dentro del ciclo, la variable 'el' apuntará al elemento puro, no a un objeto jQuery. Lo mismo es válido para 'esto' dentro de un controlador de eventos.

Cuando vea lo siguiente: $ (el) o $ (this), el autor obtiene una referencia de jQuery al objeto dom.

He aquí un ejemplo que acabo de utilizar para convertir los números romanos a numerials: (Nota, yo siempre uso de jQuery en lugar de $ - demasiadas colisiones con mootools ...)

jQuery(document).ready(function(){ 
    jQuery('.rom_num').each(function(idx,el){ 
     var span = jQuery(el); 
     span.html(toRoman(span.text())); 
    }); 
}); 

Answer 5

los dos son esencialmente * equivalente, con $el siendo cached version de los objetos jQuery o Zepto el, la razón por la que ve ejemplos usando $(this.el) es porque solo se agregó en un release posterior de backbone.js (0.9.0).

* _{técnicamente como Chris Baker puntos sobre $(this.el) (probablemente) crear un nuevo objeto jQuery/Zepto cada vez que la llame, mientras this.$el hará referencia a la misma cada vez.}

Answer 6

Ofrecen exactamente lo mismo; es decir, una referencia al elemento de una vista. $ el es simplemente un contenedor jquery para $ (this.el). Mire esta referencia: http://documentcloud.github.com/backbone/#View- $ el