javascript - 如何放大 jQuery？

Question

假设我们有一个包含图像的 div。因此，当我们将鼠标悬停在它上面时，它会缩放。 div 不会改变它的位置或大小，而是它的子项看起来已缩放。
我们如何在 jQuery 中做到这一点？

Answer 1

可以给div添加悬停事件，改变图片的css缩放属性。

jQuery(假设 div 的类名是 box)

var div = $('.box');

div.hover(function(){
    div.children('img').css({'zoom':'1.5'}); 
}, function(){
    div.children('img').css({'zoom': '1'});
});

Example