Javascript 将鼠标悬停在1个div上可更改另一个div的内容
(我在这里尝试了多个帖子的提示,但仍然没有成功) 基本上,我希望将鼠标悬停在div“b”上,并更改div“a”中的内容。 在实际代码中,diva和dib具有不同的父级,因此不能仅使用css 简化html: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
$(“#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
上的空白即可使其正常工作