JavaScript - 2

jQuery y condicionales

¿Cómo empezar con jQuery?

• Cargar el script de jQuery desde el HTML

Primer remplazo

document.getElementById("a").innerHTML = "Hola Mundo";

$("#a").html("Hola Mundo");

Por:

Conceptos:

• $ es una función que pertenece al API de jQuery.
• #a es un selector por identidad, un selector se escribe igual que en la sintaxis de CSS, solo que sin estados.
• El método html modifica el contenido. Se aplica sobre todos los elementos que coincidan con el selector.

Eventos

document.getElementById("boton").onclick = function () {
    ...
}

$("#boton").click(function () {
    ...
});

Por:

Campos de formulario

<input type="text" name="texto">

var campo = $("input[name='texto']")
var valor = campo.val(); // Consulta el valor
campo.val("Hola Mundo"); // Le cambia el valor

JavaScript:

HTML:

Estructura Condicional

// Pedir un valor al usuario
var a = prompt('Ingrese un número');
// Convertirlo de String a Number
a = parseInt(a);
if (a > 0) {
    alert('Positivo');
} else {
    alert('Negativo');
}

Operador condicional

var a = parseInt(prompt('Ingrese un número:'));
var signo = a > 0 ? 'Positivo' : 'Negativo';
alert(signo);