Change:
[x] Learn how Script Tags and Document Ready Work [x] Target HTML Elements with Selectors Using jQuery [x] Target Elements by Class Using jQuery [x] Target Elements by ID Using jQuery [x] Delete your jQuery Functions [x] Target the same element with multiple jQuery Selectors [x] Remove Classes from an element with jQuery [x] Change the CSS of an Element Using jQuery [x] Disable an Element Using jQuery [x] Change Text Inside an Element Using jQuery [x] Remove an Element Using jQuery [x] Use appendTo to Move Elements with jQuery [x] Clone an Element Using jQuery [x] Target the Parent of an Element Using jQuery [x] Target the Children of an Element Using jQuery [x] Target a Specific Child of an Element Using jQuery [x] Target Even Numbered Elements Using jQuery [x] Use jQuery to Modify the Entire Page
Checking

Discussion:
"Tu navegador ejecutará todo JavaScript dentro de un elemento <code>script</code>, incluyendo jQuery.", "Dentro de tu elemento <code>script</code>, agrega este código: <code>$(document).ready(function () {</code> A continuación, ciérralo en la línea siguiente (aún dentro de tu elemento <code>script</code>) con: <code>})</code>", "Más adelante aprenderemos más acerca de funciones. Lo importante es saber que el código que pongas dentro de esta función (<code>function</code>) se ejecutará tan pronto como tu navegador haya cargado la página.", <del> "Esto es importante porque sin su <code>función de documento listo</code>, su código puede ejecutarse antes de que se haya presentado el HTML, lo que podría causar errores." </del> <ins> "Esto es importante porque sin tu <code>función de documento listo</code>, tu código puede ejecutarse antes de que se haya presentado el HTML, lo que podría causar errores." </ins> ] }, {

"challengeType": 0, "nameEs": "Elige elementos HTML usando selectores y jQuery", "descriptionEs": [ <del> "Ahora tenemos una <code>función de documento listo</code>.", "Ahora vamos a escribir nuestra primera instrucción jQuery. Todas las funciones de jQuery comienzan con un <code>$</code>, al que suele referirse como <code>operador de signo de dólar</code>, o simplemente como <code>bling</code>. ", "jQuery a menudo selecciona un elemento HTML con un <code>selector</code>, y luego hace algo a ese elemento.", </del> <ins> "Ya tenemos una <code>función de documento listo</code>.", "Ahora vamos a escribir nuestra primera instrucción jQuery. Todas las funciones de jQuery comienzan con un <code>$</code>, al que suele referirse como <code>operador dólar</code>, o simplemente como <code>bling</code>. ", "jQuery a menudo selecciona un elemento HTML con un <code>selector</code>, y luego le hace algo a ese elemento.", </ins> "Por ejemplo, hagamos que todos tus elementos <code>button</code> reboten. Sólo tienes que añadir este código dentro de la función de documento listo: ", "<code>$("button").addClass("animated bounce")</code>", <del> "Ten en cuenta que ya hemos incluido tanto la biblioteca jQuery como la biblioteca Animate.css en segundo plano para que pueda utilizarlos en el editor. Así que estás usando jQuery para aplicar la clase <code>bounce</code> de Animate.css a sus elementos <code>button</code>." </del> <ins> "Ten en cuenta que ya hemos incluido tanto la biblioteca jQuery como la biblioteca Animate.css en segundo plano para que pueda utilizarlos en el editor. Así que estás usando jQuery para aplicar la clase <code>bounce</code> de Animate.css a tus elementos <code>button</code>." </ins> ] }, {

"nameEs": "Elimina tus funciones jQuery", "descriptionEs": [ "Estas animaciones eran divertidas al principio, pero ahora se están volviendo una distracción.", <del> "Elimina esas tres funciones de jQuery de tu <code>función de documento listo</code>, pero deja intacta la declaración de la <code>función de documento listo</code>." </del> <ins> "Elimina esas tres funciones jQuery de tu <code>función de documento listo</code>, pero deja intacta la declaración de la <code>función de documento listo</code>." </ins> ] }, {

"challengeType": 0, "nameEs": "Elige un mismo elemento con múltiples selectores jQuery", "descriptionEs": [ <del> "Ahora ya sabes tres formas de seleccionar elementos: por tipo: <code>$("button")</code>, por clase: <code>$(".btn")</code>, y por identificación <code>$("#target1")</code>. ", </del> <ins> "Ahora ya sabes tres formas de seleccionar elementos: por tipo <code>$("button")</code>, por clase <code>$(".btn")</code>, y por identificación <code>$("#target1")</code>. ", </ins> "Aunque es posible agregar varias clases en una sola llamada a <code>.addClass()</code>, vamos a añadirlas al mismo elemento de tres maneras diferentes.", <del> "Usa cada uno de los selectores jQuery vistos y la función <code>addClass()</code>:", "Agrega la clase <code>animated</code> a todos los elementos con tipo <code>button</code>.", "Agrega la clase <code>shake</code> a todos los botones con clase <code>.btn</code>.", "Agrega la clase <code>btn-primary</code> al botón con identificación <code>#target1</code>." </del> <ins> "Usa cada uno de los selectores jQuery vistos y la función <code>addClass()</code> para:", "Agregar la clase <code>animated</code> a todos los elementos con tipo <code>button</code>.", "Agregar la clase <code>shake</code> a todos los botones con clase <code>.btn</code>.", "Agregar la clase <code>btn-primary</code> al botón con identificación <code>#target1</code>." </ins> ] }, {

"assert.isFalse((/<i>/gi).test($("h3").html()), 'message: Do not alter any other text.');" ], "type": "waypoint", <del> "challengeType": 0 </del> <ins> "challengeType": 0, "nameEs": "Cambia el texto de un elemento usando jQuery", "descriptionEs": [ "Con jQuery, puedes cambiar el texto que está entre las etiquetas de apertura y cierre de un elemento.  Incluso puedes cambiar marcado HTML.", "jQuery tiene una función llamada <code>.html()</code> que te permite añadir etiquetas HTML y texto dentro de un elemento.  Cualquier contenido que estuviese previamente dentro del elemento será remplazado por completo con el contenido que proveas usando esta función.", "He aquí como reescribes y pones en itálicas el texto de nuestro encabezado:", "<code>$("h3").html("&#60;i&#62;jQuery Playground&#60;/i&#62;");</code>", "jQuery también tiene una función similar llamada <code>.text()</code> que sólo altera el texto sin añadir etiquetas.", "Cambia el botón con identificación <code>target4</code> de forma que su texto quede en itálicas." ] </ins> }, { "id": "bad87fee1348bd9aed708826",

"descriptionEs": [ "Ahora quitemos un elemento HTML de tu página usando jQuery.", "jQuery tiene una función llamada <code>.remove()</code> que eliminará un elemento HTML por completo", <del> "Elimina el elemento <code>target4</code> de la página utilizando la función <code>.remove()</code>." </del> <ins> "Elimina el elemento con identificación <code>target4</code> de la página utilizando la función <code>.remove()</code>." </ins> ] }, {

"nameEs": "Usa appendTo para mover elementos con jQuery", "descriptionEs": [ "Ahora intentemos mover elementos de un <code>div</code> a otro.", <del> "jQuery tiene una función llamada <code>appendTo()</code> que le permite seleccionar elementos HTML y anexarlos a otro elemento.", </del> <ins> "jQuery tiene una función llamada <code>appendTo()</code> que te permite seleccionar elementos HTML y anexarlos a otro elemento.", </ins> "Por ejemplo, si quisiéramos mover <code>target4</code> de nuestro pozo (<em>well</em>) derecho a nuestro pozo izquierdo, usaríamos:", "<code>$("#target4").appendTo("#left-well");</code>", "Mueve tu elemento <code>target2</code> de tu <code>left-well</code> a tu <code>right-well</code>."

"descriptionEs": [ "Seguramente habrás entendido porque los atributos id son tan convenientes para elegir con selectores jQuery. Pero no siempre contarás con estos agradables identificadores para trabajar. ", "Afortunadamente, jQuery tiene algunos otros trucos para elegir los elementos adecuados.", <del> "jQuery usa selectores CSS para elegir elementos, El selector CSS <code>.clase:nth-child(i)</code> le permite seleccionar de los elementos con la clase dada, los que sean los i-ésimos hijos de su elemento padre. En lugar de una clase también puede usarse un elemento", </del> <ins> "jQuery usa selectores CSS para elegir elementos, El selector CSS <code>.clase:nth-child(i)</code> te permite seleccionar de los elementos con la clase dada, los que sean los i-ésimos hijos de su elemento padre. En lugar de una clase también puedes usar un elemento", </ins> "He aquí cómo le asignarás la clase <code>bounce</code> al tercer elemento de cada pozo:", "<code>$(".target:nth-child(3)").addClass("animated bounce");</code>", <del> "Haz que rebote el segundo hijo de cada uno de los elementos de tus pozos. Debes elegir los hijos con la clase <code>target</code>." </del> <ins> "Haz que rebote el segundo hijo de cada uno de los elementos de tus pozos. Debes elegir los hijos de elementos con clase <code>target</code>." </ins> ] }, {