Red de conocimiento informático - Aprendizaje de programación - evento de clic del mouse de jquery, cambiar el color de fondo

evento de clic del mouse de jquery, cambiar el color de fondo

Lo que quieres decir es: mueve el mouse para resaltar el div, haz clic en el div para seleccionar el div actual (selección única),

El código completo es el siguiente: lt;htmlgt;

lt;headgt;

lt;meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?

lt ;titlegt;evento de clic del mouse de jquery, cambia el color de fondolt;/titlegt;

lt;script?src="jquery-1.7.1.min.js"gt;lt; /scriptgt;

lt.script?type="text/javascript"gt;

$(function?()?{

//Inicializar div y registrar eventos

var?initDiv?=?function?()?{

$(".managementPanel?div").css("background",?"");

$(".managementPanel?div").mouseover(function?()?{

$(this).css("fondo",?" #588600");

})

.mouseout(función?()?{

$(this).css("fondo",?") )

})

};

initDiv();

$(".managementPanel?div")

.clic (function?()? {

initDiv();

//El div actualmente seleccionado cambiará el color de fondo

$(this).css( "background", ?" # 588600");

//Cancelar eventos de mouseout y mouseover para el div actual

$(this).unbind("mouseout");

$( this).unbind("mouseover");

});

})

lt;/scriptgt;

lt; /headgt;

lt;bodygt;

lt;div?class="managementPanel"gt;

lt;divgt; div1lt;/divgt;

p>

lt;divgt;div2lt;/divgt;

lt;divgt;div3lt;/divgt;

lt;divgt; div4lt;/divgt;

lt;divgt;/div5gt;

lt;divgt;/div6gt;

lt;class="managementPanel"gt;

lt;div ?gt;div5lt;/divgt;

lt;/divgt;

lt;/bodygt;

lt; /htmlgt;

Imágenes válidas: