Ejecutar JQuery en JavaScript

Hay funciones que requieren de librerías como JQuery para funcionar, para ejecutar JQuery en JavaScript necesitar agregar un inicializador.

A que nos referimos, para los principiantes es posible que piensen que teniendo las librearías de JQuery ya se ejecuten sus funciones.

Sin Embargo, no es así, es necesario agregar a tu archivo JavaScript que contenga las funciones JQuery el código que inicie la ejecución de las librerías de JQuery.

Si no se coloca el código que inicie las librerías, simplemente tus funciones con JQuery no realizaran nada.

Ejecutar JQuery

Agreguemos el código para inicializar las librerías de JQuery y poder trabajar con sus funciones.

En un archivo JavaScript (.js) agrega al inicio el siguiente código.

$(document).ready(function () {
    //Agregar codigo para las acciones
});

• Con el código anterior ejecutamos las librerías JQuery para utilizar sus funciones.
• Dentro de la función se coloca el código que necesitas utilizando jQuery.

Toma en cuenta que estamos considerando que ya tienes agregado las librerías de JQuery en tu proyecto.

Si no lo tienes agregado podrás ver un error en la consola del explorador web, un poco similar a este.

Podría interesarte Ejecutar funciones JavaScript con onclick ASP.Net  

Ejemplo utilizando JQuery

Realicemos un ejemplo rápido de cómo funciona el inicializar de JQuery, en un archivo HTML agrega dos elementos.

<a href="#" id="lnkBoton">Mostrar</a>
<label id="lblLabel"></label>

En el mismo archivo HTML agrega una referencia a un archivo JavaScript, si no lo tienes crea uno y agrega la referencia.

Primero hagamos el ejemplo sin el inicializador, agregando el siguiente código en tu archivo JavaScript.

$("#lnkBoton").click(function () {
    $("label[id$='lblLabel']").text("Hola mundo");
});

Con solo esto podemos ejecutar el proyecto, recuerda que debes agregar las librerías de JQuery para evitar algún error por falta de este.

Si ejecutaste el proyecto y diste clic en el enlace comprobaras que no hace nada y no hay errores en consola.

Segundo ejemplo, esta vez agregamos el inicializador de JQuery en el archivo JavaScript, el código queda como sigue.

$(document).ready(function () {
    $("#lnkBoton").click(function () {
        $("label[id$='lblLabel']").text("Hola mundo");
    });
});

Ahora ejecuta el proyecto y da clic sobre el enlace, el en label aparecerá Hola mundo.