<\/p>\n
\/\/cuando el documento se haya cargado se ejecuta una funcion<\/p>\n
$(document).ready(function() {<\/p>\n
$(\u00ab#boton\u00bb).click(function (){<\/p>\n
$(\u00abtable\u00bb).hide();\/\/selector para un atributo mayor que una caracteritica especifica > 2<\/p>\n
});<\/p>\n
});<\/p>\n
<\/p>\n
\/\/cuando el documento se haya cargado se ejecuta una funcion<\/p>\n
$(document).ready(function() {<\/p>\n
\/\/los atributos son aplicados segun el orden de las lineas de codigo<\/p>\n
\/\/$(\u00ab*\u00bb).css(\u00abcolor\u00bb, \u00abgreen\u00bb);\/\/selector para todos los elementos<\/p>\n
$(\u00ab#titulo\u00bb).css(\u00abcolor\u00bb, \u00abred\u00bb);\/\/selector para un elemento segun id<\/p>\n
$(\u00aba\u00bb).css(\u00abcolor\u00bb, \u00abgray\u00bb);\/\/selector para un elemento segun tag<\/p>\n
$(\u00ab.otro\u00bb).css(\u00abcolor\u00bb, \u00abblack\u00bb);\/\/selector para un elemento segun class<\/p>\n
$(\u00abh1, a\u00bb).css(\u00abbackground-color\u00bb, \u00abyellow\u00bb);\/\/selector para un grupo de elementos<\/p>\n
});<\/p>\n
<\/p>\n
<\/p>\n
\/\/cuando el documento se haya cargado se ejecuta una funcion<\/p>\n
$(document).ready(function() {<\/p>\n
$(\u00abdiv span\u00bb).css(\u00abbackground-color\u00bb, \u00abyellow\u00bb);\/\/selector para elementos descendentes<\/p>\n
$(\u00abli > ul\u00bb).css(\u00abcolor\u00bb, \u00abred\u00bb);\/\/selector para hijos del elemento<\/p>\n
$(\u00ab#item1_1 + li\u00bb).css(\u00abcolor\u00bb, \u00abblue\u00bb);\/\/selector para el siguiente elemento al seleccionado<\/p>\n
$(\u00ab#item1_1 ~ li\u00bb).css(\u00abcolor\u00bb, \u00abblue\u00bb);\/\/selector para los siguientes elementos al seleccionado<\/p>\n
});<\/p>\n
<\/p>\n
<\/p>\n
$(\u00abtbody tr:first\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/selector el primer elemento que cumpla la condicion<\/p>\n
$(\u00abtbody tr:last\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/selector el primer ultimo que cumpla la condicion<\/p>\n
$(\u00abtbody tr:not(tbody tr:last)\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/selector para todas las opciones excepuando el de la condicion<\/p>\n
$(\u00abtbody tr:even\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/selector para todas las ocurrencias pares<\/p>\n
$(\u00abtbody tr:odd\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/selector para todas las ocurrencias impares<\/p>\n
$(\u00abtbody tr:eq( 1 )\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/selector para un atributo espcifico posicion 1<\/p>\n
$(\u00abtbody tr:gt( 2 )\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/selector para un atributo mayor que una caracteritica especifica > 2
\n$(\u00abtd:contains(Comedia)\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/selector para identificar un contenido o texto<\/p>\n
$(\u00abtbody td:empty\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/selector para identificar las celdas vacias<\/p>\n
$(\u00abtd:has(strong)\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/selector para identificar las celdas que contengan un tag especifico<\/p>\n
<\/p>\n
$(\u00aba[name=menu]\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/selector para identificar el valor de un atributo<\/p>\n
$(\u00aba[href*=’google’]\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/selector para identificar si valor de un atributo contiene un valor<\/p>\n
$(\u00aba[href$=’com’]\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/selector para identificar si valor de un atributo termina en un determinado valor<\/p>\n
$(\u00aba[href^=’http’]\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/selector para identificar si valor de un atributo comienza con un determinado valor<\/p>\n
$(\u00aba[name!=menu]\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/selector para identificar el valor diferente a un valor determinado<\/p>\n
<\/p>\n
$(\u00ab:input\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/selector para identificar los elementos de un formulario<\/p>\n
$(\u00ab:button\u00bb).click(function(){<\/p>\n
$(\u00abinput[value=text]\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);<\/p>\n
$(\u00ab:password\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);<\/p>\n
$(\u00abinput[value=text]\u00bb).next().css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/ next() para identificar el proximo elemento<\/p>\n
$(\u00ab:password\u00bb).prev().css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/ para identificar el anterior elemento<\/p>\n
$(\u00ab:radio\u00bb).parent().css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/ para seleccionar el elemento que es padre del elemento seleccionado<\/p>\n
$(\u00ab:enabled\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/ para seleccionar todos los elementos que se encuentren habilitados<\/p>\n
$(\u00ab:checked\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/ para seleccionar todos los elementos que se encuentren marcados<\/p>\n
$(\u00ab:selected\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);\/\/ para seleccionar todos los elementos que se encuentren seleccionados generalmente en el elemento select – option de html<\/p>\n
});<\/p>\n
<\/p>\n
$(\u00abspan\u00bb).click(function() {<\/p>\n
$(\u00ab:password\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);<\/p>\n
alert ($(\u00abimg\u00bb).attr(\u00abtitle\u00bb));\/\/para recuperar el valor de un elemento<\/p>\n
$(\u00ab:text\u00bb).attr(\u00abvalue\u00bb,\u00bbhola mundo\u00bb);\/\/para definir el valor de un elemento<\/p>\n
$(\u00ab:text\u00bb).attr({<\/p>\n
value: \u00abhola mundo\u00bb,<\/p>\n
title: \u00abhola pirinola\u00bb<\/p>\n
});\/\/para definir los valores de un elemento mediante json<\/p>\n
$(\u00ab:text\u00bb).removeAttr(\u00abvalue\u00bb); \/\/ elimina un atributo de un elemento seleccionado<\/p>\n
$(\u00ab:text\u00bb).addClass(\u00abdestacado\u00bb);\/\/para adicionar una clase de estilo \/\/ ‘destacado’ se define en ejercicio10.css<\/p>\n
alert ($(\u00ab:text\u00bb).hasClass(\u00abdestacado\u00bb));\/\/para identificar si un elemento emplea una clase de estilo css especifica<\/p>\n
$(\u00ab:text\u00bb).toggleClass(\u00abdestacado\u00bb);\/\/para alternar una clase de estilo \/\/ ‘destacado’ se define en ejercicio10.css<\/p>\n
});<\/p>\n
<\/p>\n
$(\u00abspan\u00bb).click(function() {<\/p>\n
alert($(\u00abp\u00bb).html());\/\/para recuperar el contenido de un elemento<\/p>\n
$(\u00abp\u00bb).html(\u00abhola pririnola\u00bb);\/\/para modificar el contenido con etiquetas html<\/p>\n
$(\u00abdiv div\u00bb).text(\u00ab<h1>hola pirinola<\/h1>\u00bb);\/\/para modificar el contenido de un elemento no interpreta html<\/p>\n
alert($(\u00abdiv div\u00bb).text());\/\/para recuperar el contenido de un elemento<\/p>\n
$(\u00abdiv div\u00bb).text($(\u00abp\u00bb).html());\/\/para modificar el contenido de un elemento no interpreta html<\/p>\n
$(\u00abp\u00bb).html($(\u00abtextArea\u00bb).val()); \/\/ recupera el contenido de un elemento y lo agrega a otro<\/p>\n
$(\u00abp\u00bb).replaceWith($(\u00abtextArea\u00bb).val()); \/\/para remplazar un contenido<\/p>\n
});<\/p>\n
<\/p>\n
$(\u00abspan\u00bb).click(function() {<\/p>\n
var img = $(\u00ab<img\/>\u00bb,{\/\/esta es la etiqueta para crear un nuevo elemento<\/p>\n
src:\u00bbhola.png\u00bb,<\/p>\n
title:\u00bbhola pirinola\u00bb,<\/p>\n
click:function(){alert(\u00abhola cara de pepino\u00bb);}\/\/adiciona el evento click<\/p>\n
}); \/\/para crear un elemento<\/p>\n
var ul=$(\u00ab<ul\/>\u00bb).append($(‘<li\/>’).append(\u00abhola cara de pepino\u00bb));<\/p>\n
$(\u00abbody form\u00bb).append(img); \/\/para adicionar el elemento al documento<\/p>\n
$(\u00abbody form\u00bb).append(ul); \/\/para adicionar el elemento al documento<\/p>\n
});<\/p>\n
<\/p>\n
<\/p>\n
$(\u00abspan\u00bb).click(function() {<\/p>\n
$(\u00abli\u00bb).css(\u00abbackground\u00bb, \u00abyellow\u00bb);<\/p>\n
var li = $(\u00ab<li\/>\u00bb).append(\u00abhola mundo\u00bb);<\/p>\n
$(\u00ablu\u00bb).append(li);\/\/adiciona un elemento en la ultima posicion de la lista<\/p>\n
$(\u00ablu\u00bb).prepend($(\u00ab<li> primera posicion<\/li>\u00bb));\/\/adiciona un elemento en la primera posicion de la lista<\/p>\n
$(\u00ablu\u00bb).before($(\u00ab<h1> fuera y antes de la lista<\/h1>\u00bb));\/\/adiciona un elemento antes y fuera de la lista la lista<\/p>\n
$(\u00ablu\u00bb).after($(\u00ab<h1> fuera y despues de la lista<\/h1>\u00bb));\/\/adiciona un elemento despues y fuera de la lista la lista<\/p>\n
$(\u00ablu\u00bb).wrap($(\u00ab<p><\/p>\u00bb));\/\/aenvuelve al elemento<\/p>\n
$(\u00ablu\u00bb).append($(\u00abli\u00bb).clone());\/\/clona todos los elementos y los adiciona<\/p>\n
});<\/p>\n
<\/p>\n
$(\u00ablu\u00bb).prepend($(\u00ab<li> primera posicion<\/li>\u00bb));\/\/adiciona un elemento en la primera posicion de la lista<\/p>\n
$(\u00ablu\u00bb).prepend($(\u00ab<li> primera posicion<\/li>\u00bb));\/\/adiciona un elemento en la primera posicion de la lista<\/p>\n
$(\u00ablu\u00bb).prepend($(\u00ab<li> primera posicion<\/li>\u00bb));\/\/adiciona un elemento en la primera posicion de la lista<\/p>\n
$(\u00ablu\u00bb).prepend($(\u00ab<li> primera posicion<\/li>\u00bb));\/\/adiciona un elemento en la primera posicion de la lista<\/p>\n
$(\u00ablu\u00bb).prepend($(\u00ab<li> primera posicion<\/li>\u00bb));\/\/adiciona un elemento en la primera posicion de la lista<\/p>\n
$(\u00ablu\u00bb).before($(\u00ab<h1> fuera y antes de la lista<\/h1>\u00bb));\/\/adiciona un elemento antes y fuera de la lista la lista<\/p>\n
$(\u00ablu\u00bb).before($(\u00ab<h1 id=’titulo’> titulo<\/h1>\u00bb));\/\/adiciona un elemento antes y fuera de la lista la lista<\/p>\n
$(\u00abspan\u00bb).click(function() {<\/p>\n
$(\u00abh1\u00bb).remove();\/\/elemina todos los elementos de un tipo<\/p>\n
$(\u00abh1\u00bb).remove(\u00ab#titulo\u00bb);\/\/elemina un elemento espec\u00edfico<\/p>\n
$(\u00ablu\u00bb).empty();\/\/limpia todos los elementos internos<\/p>\n
$(\u00ablu\u00bb).unwrap();\/\/borra el elemento envolvente<\/p>\n
});<\/p>\n
<\/p>\n
$(\u00abspan\u00bb).click(function() {<\/p>\n
alert($(\u00ab:text\u00bb).css(\u00abwidth\u00bb));\/\/recupera el valor css de un elemento<\/p>\n
alert($(\u00ab:text\u00bb).css(\u00abheight\u00bb));\/\/recupera el valor css de un elemento<\/p>\n
$(\u00ab:text\u00bb).css({<\/p>\n
height:\u00bb200px\u00bb,<\/p>\n
background:\u00bbred\u00bb,<\/p>\n
border:\u00bbsolid\u00bb<\/p>\n
});\/\/asigna va css de un elemento<\/p>\n
alert($(\u00ab:text\u00bb).hasClass(\u00abdestacado\u00bb));\/\/identifica si el elemento utiliza una clase css especifica<\/p>\n
$(\u00ab:text\u00bb).removeClass(\u00abdestacado\u00bb);\/\/elimina la relacion de un elemento con una clase css<\/p>\n
$(\u00ab:text\u00bb).addClass(\u00abdestacado2\u00bb);\/\/relaciona una clase css a un elemento<\/p>\n
<\/p>\n
\/\/LARGO Y ALTO<\/p>\n
alert($(\u00ab:text\u00bb).width());\/\/recupera el ancho de un elemento<\/p>\n
alert($(\u00ab:text\u00bb).innerWidth());\/\/recupera el ancho de un elemento incluye el borde<\/p>\n
alert($(\u00ab:text\u00bb).outerWidth());\/\/recupera el ancho de un elemento incluyendo el contenedor<\/p>\n
\/\/POSICION DE LOS ELEMENTOS<\/p>\n
alert($(\u00ab:text\u00bb).position().top);\/\/recupera la posicion respecto a la parte superior de la ventana<\/p>\n
alert($(\u00ab:text\u00bb).position().left);\/\/recupera la posicion respecto a la parte izquierda de la ventana<\/p>\n
alert($(\u00ab:text\u00bb).offset().top);\/\/recupera las margenes respecto a la parte izquierda de la ventana<\/p>\n
alert($(\u00ab:text\u00bb).offset().left);\/\/recupera las margenes respecto a la parte izquierda de la ventana<\/p>\n
});<\/p>\n
<\/p>\n
$(\u00abspan\u00bb).click(function() {<\/p>\n
$(\u00ab:text\u00bb).attr(\u00abvalue\u00bb,\u00bbhola click\u00bb);<\/p>\n
});\/\/evento click sobre un elemento<\/p>\n
$(\u00abspan\u00bb).dblclick(function() {<\/p>\n
$(\u00ab:text\u00bb).attr(\u00abvalue\u00bb,\u00bbhola doble click\u00bb);<\/p>\n
});\/\/evento doble click sobre un elemento<\/p>\n
$(\u00abspan\u00bb).mouseover(function() {<\/p>\n
$(\u00ab:text\u00bb).attr(\u00abvalue\u00bb,\u00bbhola sobre\u00bb);<\/p>\n
});\/\/evento mouse sobre un elemento<\/p>\n
$(\u00abspan\u00bb).mouseout(function() {<\/p>\n
$(\u00ab:text\u00bb).attr(\u00abvalue\u00bb,\u00bbhola fuera\u00bb);<\/p>\n
});\/\/evento mouse sale de un elemento<\/p>\n
<\/p>\n
$(\u00abspan\u00bb).mouseup(function() {<\/p>\n
$(\u00ab:text\u00bb).attr(\u00abvalue\u00bb,\u00bbhola suelta\u00bb);<\/p>\n
});\/\/evento mouse suelta el click de un elemento<\/p>\n
$(\u00abspan\u00bb).mousedown(function() {<\/p>\n
$(\u00ab:text\u00bb).attr(\u00abvalue\u00bb,\u00bbhola presiona\u00bb);<\/p>\n
});\/\/evento mouse presiona el click de un elemento<\/p>\n
<\/p>\n
$(\u00abspan\u00bb).mousemove(function(p) {\/\/catura un parametro<\/p>\n
var valor=\u00bbmovimiento: X=\u00bb+p.clientX;<\/p>\n
$(\u00ab:text\u00bb).attr(\u00abvalue\u00bb,valor);<\/p>\n
});\/\/evento mouse movimiento del cursor sobre un elemento<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
$(\u00ab:text\u00bb).keyup(function(){\/\/cuando se saca una tecla<\/p>\n
$(\u00abspan\u00bb).css(\u00abbackground\u00bb,\u00bbyellow\u00bb);<\/p>\n
$(\u00abp\u00bb).html($(this).val());<\/p>\n
});<\/p>\n
$(\u00ab:text\u00bb).keypress(function(){\/\/cuando se presiona una tecla<\/p>\n
$(\u00abp\u00bb).html($(this).val());<\/p>\n
});<\/p>\n
$(\u00ab:text\u00bb).keydown(function(){\/\/cuando se presiona una tecla \/\/ el efecto es inmediato<\/p>\n
$(\u00abp\u00bb).html($(this).val());<\/p>\n
});<\/p>\n
$(\u00ab:text\u00bb).focus(function(){\/\/cuando gana el cursor<\/p>\n
$(\u00abp\u00bb).html($(this).val());<\/p>\n
$(this).css(\u00abbackground\u00bb,\u00bbyellow\u00bb);<\/p>\n
});<\/p>\n
$(\u00ab:text\u00bb).blur(function(){\/\/cuando se pierde el cursor el cursor<\/p>\n
$(\u00abp\u00bb).html($(this).val());<\/p>\n
$(this).css(\u00abbackground\u00bb,\u00bbnone\u00bb);<\/p>\n
});<\/p>\n
\/\/VALIDACION DE FORMILARIOS<\/p>\n
$(\u00abform\u00bb).submit(function(){\/\/para la validacion de un formulario<\/p>\n
if($(\u00ab:text\u00bb).val() == \u00abxti\u00bb){<\/p>\n
return true;<\/p>\n
}<\/p>\n
return false;<\/p>\n
});<\/p>\n
$(\u00ab:text\u00bb).change(function(){\/\/cuando cambia el valor<\/p>\n
\/\/funciona para las opciones de select, para este caso no funciona<\/p>\n
$(\u00abp\u00bb).html(\u00abvalor cambiado\u00bb);<\/p>\n
});<\/p>\n
$(\u00ab:text\u00bb).select(function(){\/\/cuando se hace una seleccion sobre el elemento<\/p>\n
$(\u00abp\u00bb).html(\u00abvalor ha sido seleccionado\u00bb);<\/p>\n
});<\/p>\n
<\/p>\n
<\/p>\n
\/\/—————————————————<\/p>\n
\/\/los dos siguentes ejemplos tienen la misma funcion<\/p>\n
$(\u00ab:text\u00bb).keyup(function(e){<\/p>\n
$(\u00abp\u00bb).html($(this).val());<\/p>\n
});<\/p>\n
$(\u00ab:text\u00bb).bind(\u00abkeyup\u00bb,function(){<\/p>\n
$(\u00abp\u00bb).html($(this).val());<\/p>\n
});<\/p>\n
\/\/—————————————————-<\/p>\n
\/\/otra posibilidad es crear una funcion independiente<\/p>\n
function pintar(e){<\/p>\n
$(\u00abp\u00bb).html($(this).val());<\/p>\n
}<\/p>\n
$(\u00ab:text\u00bb).bind(\u00abkeyup focus\u00bb,pintar);<\/p>\n
\/\/—————————————————-<\/p>\n
\/\/forma para disparar eventos de forma automatica<\/p>\n
\/\/tambien deshabilita un evento de un elemento<\/p>\n
$(\u00ab:button\u00bb).click(function (){<\/p>\n
$(\u00ab:text\u00bb).unbind(\u00abkeyup\u00bb,pintar); \/\/para desasociar un evento de un elemento<\/p>\n
$(\u00ab:text\u00bb).val(\u00abtexto incluido\u00bb);<\/p>\n
$(\u00ab:text\u00bb).trigger(\u00abfocus\u00bb);\/\/sirve para disparar un evento, forzar el disparo de un evento<\/p>\n
});<\/p>\n
\/\/—————————————————-<\/p>\n
\/\/en estas lineas se adiciona un elemento por codigo pero<\/p>\n
$(\u00abform\u00bb).delegate(\u00ab:text\u00bb,\u00bbkeyup\u00bb,pintar);\/\/tambien se le asignan los eventos generales<\/p>\n
$(\u00abinput[value=boton2]\u00bb).click(function (){<\/p>\n
$(\u00ab:text\u00bb).css(\u00abbackground\u00bb,\u00bbyellow\u00bb);<\/p>\n
$(\u00abform\u00bb).prepend(\u00ab<input type=’text’\/>\u00bb);<\/p>\n
});<\/p>\n
\/\/—————————————————-<\/p>\n
\/\/funcion que recibe varios parametros<\/p>\n
$(\u00abinput[value=boton3]\u00bb).click(function (col){<\/p>\n
$(\u00ab:text\u00bb).css(\u00abbackground\u00bb,col);<\/p>\n
});<\/p>\n
$(\u00abinput[value=boton3]\u00bb).trigger(\u00abclick\u00bb,[‘yellow’]);<\/p>\n
\/\/—————————————————-<\/p>\n
<\/p>\n
$(\u00ab:button\u00bb).click(function() {<\/p>\n
\/\/$(\u00ab:text\u00bb).hide();<\/p>\n
$(\u00ab:text\u00bb).hide(\u00abslow\u00bb);\/\/normal, fast, slow<\/p>\n
});<\/p>\n
$(\u00ab:input[value=’boton2′]\u00bb).click(function() {<\/p>\n
$(\u00ab:text\u00bb).show(3000);\/\/tres segundos<\/p>\n
});<\/p>\n
$(\u00ab:input[value=’boton3′]\u00bb).click(function() {<\/p>\n
$(\u00ab:text\u00bb).toggle(2000);\/\/dos segundos<\/p>\n
});<\/p>\n
<\/p>\n
$(\u00ab:button\u00bb).click(function() {<\/p>\n
$(\u00ab#texto1\u00bb).fadeOut(\u00abslow\u00bb);\/\/normal, fast, slow\/\/convierte el elemnto a transparente<\/p>\n
$(\u00ab#texto1\u00bb).fadeIn(\u00abslow\u00bb);\/\/normal, fast, slow\/\/convierte el elemnto a opaco<\/p>\n
$(\u00ab#texto1\u00bb).fadeTo(\u00abslow\u00bb,0.5);\/\/normal, fast, slow\/\/nivel de opacidad<\/p>\n
$(\u00ab#texto1\u00bb).toggle(\u00abslow\u00bb);\/\/normal, fast, slow\/\/alterna<\/p>\n
});<\/p>\n
<\/p>\n
$(\u00ab:input[value=’boton2′]\u00bb).click(function() {<\/p>\n
$(\u00ab#texto2\u00bb).slideUp(\u00abfast\u00bb);\/\/efecto cortina hacia arriba<\/p>\n
$(\u00ab#texto2\u00bb).slidedown(\u00abfast\u00bb);\/\/efecto cortina hacia abajo<\/p>\n
$(\u00ab#texto2\u00bb).slideToggle(\u00abfast\u00bb);\/\/efecto cortina hacia abajo<\/p>\n
});<\/p>\n
$(\u00ab:input[value=’boton3′]\u00bb).click(function() {<\/p>\n
$(\u00ab:text\u00bb).toggle(2000);\/\/dos segundos<\/p>\n
});<\/p>\n
<\/p>\n
<\/p>\n
$(\u00ab#pelis thead tr th\u00bb)<\/p>\n
.prepend(\u00ab<span>+<\/span>\u00bb)\/\/adiciona un efecto en un espan<\/p>\n
.not(\u00abth:first-child\u00bb) \/\/para que no se a\u00f1ada a la primera columna<\/p>\n
.css(\u00abcursor\u00bb,\u00bbpointer\u00bb);\/\/efecto de cursor<\/p>\n
<\/p>\n
$(\u00ab#pelis thead tr th\u00bb).each(function(i){\/\/funcion implementada para cada uno de los titulos de la tabla<\/p>\n
var n= i-1;<\/p>\n
$(this).click(function(){\/\/al hacer click sobre el titulo de la tabla<\/p>\n
$(\u00abtd\u00bb).removeClass(\u00abdestacado\u00bb);<\/p>\n
$(this).parents(\u00abthead\u00bb)\/\/trae el elemento padre<\/p>\n
.siblings(\u00abtbody\u00bb)\/\/trae el cuerpo<\/p>\n
.children(\u00abtr\u00bb).each(function(){<\/p>\n
$(this).children(\u00abtd:eq(\u00ab+n+\u00bb)\u00bb).addClass(\u00abdestacado\u00bb);\/\/marca la columna del titulo<\/p>\n
});\/\/para recorrer cada una de las tr<\/p>\n
});<\/p>\n
});<\/p>\n
<\/p>\n
\/\/valida que solo sean a\u00f1adidos numeros<\/p>\n
$(\u00ab:text\u00bb).keydown(function (e){<\/p>\n
var keyCode = e.which;<\/p>\n
var esvalido=(keyCode>47 && keyCode < 58);<\/p>\n
var esOtro=(\u00ab,8,46,37,38,39,40,\u00bb.indexOf(\u00ab,\u00bb+keyCode+\u00bb,\u00bb)>-1); \/\/8. backspace\/\/46. delete\/\/37,38,39,40. cursoras<\/p>\n
if(esvalido || esOtro){<\/p>\n
return true;<\/p>\n
}else{<\/p>\n
return false;<\/p>\n
}<\/p>\n
});<\/p>\n
<\/p>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
\/\/cuando el documento se haya cargado se ejecuta una funcion $(document).ready(function() { $(\u00ab#boton\u00bb).click(function (){ $(\u00abtable\u00bb).hide();\/\/selector para un atributo mayor que una caracteritica especifica > 2 }); }); \/\/cuando el documento se haya cargado se ejecuta una funcion $(document).ready(function() { \/\/los atributos son aplicados segun el orden de las lineas de codigo \/\/$(\u00ab*\u00bb).css(\u00abcolor\u00bb, \u00abgreen\u00bb);\/\/selector […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-154","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tunjasoporte.890m.com\/index.php\/wp-json\/wp\/v2\/pages\/154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tunjasoporte.890m.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tunjasoporte.890m.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tunjasoporte.890m.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tunjasoporte.890m.com\/index.php\/wp-json\/wp\/v2\/comments?post=154"}],"version-history":[{"count":0,"href":"https:\/\/tunjasoporte.890m.com\/index.php\/wp-json\/wp\/v2\/pages\/154\/revisions"}],"wp:attachment":[{"href":"https:\/\/tunjasoporte.890m.com\/index.php\/wp-json\/wp\/v2\/media?parent=154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}