jQuery

Framework de Javascript.

Es una manera diferente de programar en Javascript.

La función $() es muy característica de jQuery. La función dólar hace casi la misma función querySelectorAll.

La función $ siempre da un array, aunque sea un identificador.

Ejemplos:

$('#contenedor') --> array
$('.popup') --> array
$('nav li:first-child a') 

Métodos de jQuery

$('p').html('Hola');

En Vanilla Javascript:

const a = document.querySelectorAll('p');
for (const p of a) { 
    p.innerHTML = 'Hola'; 
}

Obtener el texto

alert( $('p:nth-child(3)').html() );

Cuando el método html tiene parámetros es de escritura. Cuando no hay parámetros es de lectura. Esto mismo ocurre con muchos otros métodos de jQuery.

Atributos de las etiquetas

const a = $('nav a:first-child');

// Escritura
a.attr('href', 'https://proinf.net');

// Lectura
alert(a.attr('href'));

Estilos CSS

const spans = $('span')

spans.css({
    'background-color': 'red',
    'font-size': '13pt',
});

Programa el click de un botón

const botones = $('button');
botones.click(function () {
    alert('Hola');
});

Ejecutar un código al cargar la página web.

$(function() {
    // La página ya ha sido cargado
});

En puro Javascript

document.addEventListener('DOMContentLoader', function() {
    // La página ya ha sido cargada
});

Instalación de jQuery

Poner un enlace SCRIPT a un archivo .js

La página del jQuery es https://jquery.com

Descargar el archivo "jquery-3.4.1.js"

Proinf.net