Es muy cómodo trabajar con jQuery, una vez que le pillas el cómo, pero a veces necesitas agregar algunas funciones, si usas la nomenclatura de javascript funciona perfectamente, pero tambien podemos hacerlo al modo jQuery:
Veamos un ejemplo trivial usando el siguiente elemento del DOM:
<input type=”hidden” id=”prueba” value=”Esto es una prueba” />
Definamos el codigo js para que se muestre el atributo value del elemento DOM:
//la primera forma, recibiendo el argumento $(this)jQuery.fn.mifuncion=function(){alert($(this).val())}//la segunda forma, sin argumentosjQuery.otrafuncion=function(){alert($(‘#prueba’).val();}//como es de rigor:$(document).ready(function(){//llamamos a la primera función$(‘#prueba’).mifuncion();//llamamos a la segunda función$.otrafuncion();});
//la primera forma, recibiendo el argumento $(this)
jQuery.fn.mifuncion=function(){alert($(this).val())}
//la segunda forma, sin argumentos
jQuery.otrafuncion=function()
{
alert($(‘#prueba’).val();
}
//como es de rigor:
$(document).ready(function()
{
//llamamos a la primera función
$(‘#prueba’).mifuncion();
//llamamos a la segunda función
$.otrafuncion();
});
Ambas funciones realizan el mismo trabajo: la primera pasandole el argumento en forma de elemento DOM, y la segunda mediante una referencia directa desde la función al elemento DOM. También podemos pasar argumentos dentro los parentesis como es tradicional, esto ya depende de la naturaleza del script.
Es muy cómodo trabajar con jQuery, una vez que le pillas el cómo, pero a veces necesitas agregar algunas funciones, si usas la nomenclatura de javascript funciona perfectamente, pero tambien podemos hacerlo al modo jQuery:
Veamos un ejemplo trivial usando el siguiente elemento del DOM:
<input type=”hidden” id=”prueba” value=”Esto es una prueba” />
Definamos el codigo js para que se muestre el atributo value del elemento DOM:
//la primera forma, recibiendo el argumento
$(this)jQuery.fn.mifuncion=function()
{
alert($(this).val())
}
//la segunda forma, sin argumentos
jQuery.otrafuncion=function()
{
alert($(’#prueba’).val();
}
//como es de rigor:
$(document).ready(function()
{
//llamamos a la primera función
$(’#prueba’).mifuncion();
//llamamos a la segunda función
$.otrafuncion();
});
Ambas funciones realizan el mismo trabajo: la primera pasandole el argumento en forma de elemento DOM, y la segunda mediante una referencia directa desde la función al elemento DOM. También podemos pasar argumentos dentro los parentesis como es tradicional, esto ya depende de la naturaleza del script.
Advertisement
Me gusta:
Sé el primero en decir que te gusta esta post.
