Ancho del código fuente Jq
lthtml gt
lthead gt
ltmeta? charset="UTF-8 "
lttitle gtjquery? cookie lt/título gt;
ltscript? src = "/jquery/1 . 8 . 0/jquery . min . js " gt; lt/script gt
lttitle gtcolor swap
lt/head gt;
p>ltbody gt
ltstyle gt
.div1{? Ancho: 100px;? Alto: 100 px;? Antecedentes: # 00F}
.div2{? Ancho: 100px;? Alto: 100 px;? Antecedentes: # f00}
.div3{? Ancho: 100px;? Alto: 100 px;? fondo: #3F6;}
lt/style gt;
ltdiv? class="div1 " > lt entrada? Nombre = " "? tipo="casilla de verificación"? valor = " a " gtAAAAAA lt/div gt;
ltbr gt
ltdiv? class="div2 " > lt entrada? Nombre = " "? tipo="casilla de verificación"? valor = " b " gtBBBBBB lt/div gt;
ltbr gt
ltdiv? class="div3 " > lt entrada? Nombre = " "? tipo="casilla de verificación"? value="c " >cccccc lt/div gt;
ltbr gt
lt entrada? Nombre = " "? tipo="botón"? Valor = "hacer clic " >>p>
ltscriptgt
$(función(){
$("Entrada: botón"). Hacer clic(función(){
var?=?$(":selected").
if(len lt;=1){
Alerta ("Elija dos colores") ;
}¿Otro? if(len gt; 2){
Alert("No más de dos colores");
}else{
var?=?$(":selected"). parent();
fondo2?=?$(":css("fondo");
$(":seleccionado") "). ecuación(0). parent(). css("fondo ", fondo 2);
$(": seleccionado"). eq(1 ). padre(). css("fondo ", fondo 1
}
}); > lt/script gt;
lt/cuerpo gt;
lt/html gt;