jquery如何实现鼠标放上div时改变其大小

jquery如何实现鼠标放上div时改变其大小

先动手创建一个html文件，取名为test.html，后面的操作统统在这个文件里完成。

在文件里放一个div标签，这个div就是待会儿要被“放大”的目标元素。

用css给这个div定个样式：宽度100px，高度100px，背景色设成红色，方便观察变化。

在js部分，先用ready()方法确保页面完整加载之后，再执行里面的函数。

在函数里给div绑定一个mouseover事件——鼠标悬停的那一刻，通过css()方法直接修改div的宽高，让它变大。

最后在浏览器里打开test.html，把鼠标移到红色div上，效果立竿见影：它真的变大了。