Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将鼠标悬停在1个div上可更改另一个div的内容_Javascript_Jquery_Html_Css_Hover - Fatal编程技术网

Javascript 将鼠标悬停在1个div上可更改另一个div的内容

Javascript 将鼠标悬停在1个div上可更改另一个div的内容,javascript,jquery,html,css,hover,Javascript,Jquery,Html,Css,Hover,(我在这里尝试了多个帖子的提示,但仍然没有成功) 基本上,我希望将鼠标悬停在div“b”上,并更改div“a”中的内容。 在实际代码中,diva和dib具有不同的父级,因此不能仅使用css 简化html: $(“#divb”).hover(函数(){ $(“#div a”).css('content','url(img2.png)'); },函数(){ $(“#diva”).css('content','url(img1.png)'); }) A. B在html文件中: $(“#divb

(我在这里尝试了多个帖子的提示,但仍然没有成功)

基本上,我希望将鼠标悬停在div“b”上,并更改div“a”中的内容。 在实际代码中,diva和dib具有不同的父级,因此不能仅使用css

简化html:

$(“#divb”).hover(函数(){
$(“#div a”).css('content','url(img2.png)');
},函数(){
$(“#diva”).css('content','url(img1.png)');
})

A.
B
在html文件中:


$(“#divb”)
将使用
id=“divb”
获取元素。您应该在
id
之前使用
而不是标记名,即
div
。下面是示例图像演示

$('div#a')。悬停(函数(){
$('div#b').css('content','url')(https://www.gettyimages.com/gi-resources/images/CreativeLandingPage/HP_Sept_24_2018/CR3_GettyImages-159018836.jpg)');
},函数(){
$('div#b').css('content','url')(https://i.pinimg.com/736x/c2/9d/7d/c29d7d7388523342de339fdc2611e80f--flamingo-art-flamingo-beach.jpg?b=t)');
})

A.

你做得很好。您只需删除
diva
diva
上的空白即可使其正常工作