Método de control de JQuery para seleccionar DIV

Nosotros configuramos4div cuando el ratón se mueve sobre algúndiv, cambia el color de fondo

Por lo tanto, debemos saber que se necesitan usarmouseover() y mouseout(); el primero es para moverse a una posición y el segundo es para alejarse de una posición

Hay también un hover(,) que puede reemplazar los dos métodos anteriores

1.usarmouseover() y mouseout()

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jQuery/jquery-1.12.1.js"></script>
<script type="text/javascript">
$(function(){
	$("div[id^='div']").mouseover(function() {
    $(this).css("background-color","rojo");
    //$("this").css({"background-color":"red"});
 });
	$("div[id^='div']").mouseout(function() {
    $(this).css("background-color","#0FC");
    //$("this").css({"background-color":"#0FC"});
 });
});
</script>
<style type="text/css">
div[id^="div"]
{
	ancho:300px;
	altura:500px;
	fondo-color:#0FC;
	borde:1px sólido negro;
	flotar:izquierda;
	margen-left:2px;
}
</style>
</head>
<body>
<div id="div1></div>
<div id="div2></div>
<div id="div3></div>
<div id="div4></div>
</body>
</html>

2.hover()

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jQuery/jquery-1.12.1.js"></script>
<script type="text/javascript">
$(function(){
	$("div[id^='div']").hover(function(){
		$(this).css("background-color","azul");
		},
		function(){
			$(this).css("background-color","#0FC");
	});
});
</script>
<style type="text/css">
div[id^="div"]
{
	ancho:300px;
	altura:500px;
	fondo-color:#0FC;
	borde:1px sólido negro;
	flotar:izquierda;
	margen-left:2px;
}
</style>
</head>
<body>
<div id="div1></div>
<div id="div2></div>
<div id="div3></div>
<div id="div4></div>
</body>
</html>

También se puede escribir así

$(function(){
	var In = function(){
		$(this).css("background-color","rojo");
	}
	var Out = function(){
		$(this).css("background-color","amarillo");
	}
	$("p[id^='p']").hover(In,Out);	
});

La implementación de la selección de DIV controlada por JQuery que se comparte con todos ustedes aquí es todo el contenido que el editor comparte, espero que pueda ser una referencia para todos, y espero que todos los apoyen y griten tutorial.

Tutoriales básicos

Te gustará