COMO USAR JQUERY $ EN WORDPRESS

Una de los problemas cuando empezamos a convertir nuestra web desarrollada en html a una web adminstrable en wordpress es que el simbolo $ que tanto amamos y usamos en jquery, en wordpress simplemente no funciona, y si eso no funciona, nada funciona. Y ahora?

Primero debemos saber que cuando cargamos jquery en wordpress este se carga en «Modo Seguro», es decir no reconoce el $(‘#midiv’) para evitar entrar en conflictos con otras librerías, pero como nosotros queremos o mas bien necesitamos usar $() para no reescribir todo el código. Y entonces?

Lo primero es usar el functions.php cargar el jquery correctamente, es decir no usar un cdn, ni llamando el archivo en scrip jquery-3.3.1.min.js en el head, sino usar el simple y confiable

wp_enqueue_script("jquery");

---

Y luego, si estamos cargando nuestros scripts de jquery en el footer de nuestra web, que es lo mas recomendable el código seria:

---

(function($) {

	// Ahora ya podemos usar $ pero esto solo funcionara 
	// dentro de function($)
        // la siguiente linea es una prueba

        
$('#midiv').html("
Soy un texto generado por jQuery!
");

})( jQuery );

---

Pero por si tenemos que cargar nuestros scripts en el header por algún motivo, la función a utilizar seria :

---

jQuery(document).ready(function( $ ) {

	// Ahora ya podemos usar $ pero esto solo funcionara 
	// dentro de function($)
        // la siguiente linea es una prueba
$('#midiv').html("
Soy un texto generado por jQuery!
");

});

Y básicamente esa seria la solución a todos nuestros problema con jquery, como siempre solo tienen que copiar y pegar el código para que todo funcione. «Y no olviden supervitaminarse y mineralizarse!»