Es una inquietud que tengo hace tiempo y sobre la cual no encuentro ninguna referencia.
Algunas veces he tenido la percepción de que los fragmentos de código trabajan más rápido cuando se usa Javascript puro. Entonces yo suelo aplicar algunas veces no sé si llamarle estilo de código o forma de obtener los datos, basándome en Javascript puro.
Este es un ejemplo sencillo en el que, para escuchar el evento se usa jQuery, pero dentro de la función, para obtener el valor yo paso a Javascript puro con this.value
.
$("#mySelectId").on('change', function() {
var selValue = this.value;
var selStatus = (selValue > 0) ? "Vamos a trabajar con: " + selValue : "No podemos trabajar con " + selValue;
console.log(selStatus);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="mySelectId" name="mySelect">
<option value="0" selected>--Seleccione un número--</option>
<option value="1">Uno</option>
<option value="2">Dos</option>
<option value="3">Tres</option>
</select>
En este segundo ejemplo, yo permanezco fiel a jQuery en todo momento y obtengo el valor al estilo jQuery $(this).val()
:
$("#mySelectId").on('change', function() {
var selValue = $(this).val();
var selStatus = (selValue > 0) ? "Vamos a trabajar con: " + selValue : "No podemos trabajar con " + selValue;
console.log(selStatus);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="mySelectId" name="mySelect">
<option value="0" selected>--Seleccione un número--</option>
<option value="1">Uno</option>
<option value="2">Dos</option>
<option value="3">Tres</option>
</select>
Ambos códigos funcionan bien. Yo lo que quiero saber es si existe algún problema demostrable en mezclar estilos o formas de proceder.
El concepto que yo tengo formado ahora mismo es de pasar a Javascript puro en todo lo que puedo, pero no sé si esto pueda tener alguna consecuencia a nivel de rendimiento u otros.