使用jQuery替换图像

发布时间：2020-12-14 23:06:24 所属栏目：资源来源：网络整理

导读：这是我的HTML：我的CSS： #thumbnails div { float:left; border:1px solid;}#thumbnails div:hover { color:yellow;} 所以,我只想在点击时用它下面的任何缩略图更改div #show.我已经尝试过使用jQuery .attr(src,url);但它效果不好. 小提琴：http://jsfiddl

这是我的HTML：


我的CSS：

#thumbnails div {
    float:left;
    border:1px solid;
}
#thumbnails div:hover {
    color:yellow;
}

所以,我只想在点击时用它下面的任何缩略图更改div #show.我已经尝试过使用jQuery .attr(‘src’,’url’);但它效果不好.
小提琴：http://jsfiddle.net/PemHv/
谢谢


最佳答案
用户.on()将click事件分配给dom和.attr()以获取DOM的属性值.

$('#thumbnails img').on('click',function(){
   var src = $(this).attr('src');
   $('#show img').attr('src',src);
});

说明
在上面的代码中,我将click事件分配给div内的图像,id为缩略图,现在首先获取所点击图像的src属性并将其设置为src变量.
然后在下一行中它替换show div中的image的src属性.
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!