Question

使用JQuery怎么实现鼠标移上去背景变圆角矩形?

Answer 1

如果是支持CSS3的浏览器，定义border-radius属性，就是盒模型的边界圆角，值越大越圆。

用jquery做的话，就是定义一个带border-radius的class，然后选择相应的元素，在hover事件中使用addClass方法添加这个class。
但是，这是不好的做法，或者说是dumb way。因为直接使用css的hover伪类就可以实现，完全不需要借助jquery或者说js
例如你的这几个div拥有一个class，title-div，那么只需要
.title-div:hover {
border-radius: 8px;

}
就可以实现鼠标一上去圆角。

不过要是需要兼容IE6/7/8这种不支持CSS3特性的浏览器，就得使用CSS3Pie之类的库，你可以搜索下，在官网上看看他介绍。

Answer 2

还是得用css
border-radius:5px;
表示圆角5px为半径

不过：IE9以下都不支持，因为这个属性是css3
如果要考虑这个问题，那就不能用css，要做个圆角的图片，用作背景图，用JS切换

追问

用jquery没法做吗?

追答

jquery本身，不行