jquery如何让div变成圆形

在jquery中，可以通过css()方法设置div的css样式，从而将div变为圆形。下面小编举例讲解jquery如何让div变成圆形。

工具/原料

• jquery+html
• 代码编辑器：zend studio 10.0

方法/步骤

1.  

   新建一个html文件，命名为test.html，用于讲解jquery如何让div变成圆形。

   
2.  

   在test.html文件内，使用div创建一个模块，并设置其class为ijk。

   
3.  

   在css标签内，通过class设置div的样式，定义它的宽度为100px，高度为100px，背景色为红色。

   
4.  

   在js标签内，使用ready()方法在页面加载完成时执行function方法。

   
5.  

   在function方法内，通过class获得div标签对象，使用css方法将border-radius设置为100%，便可以实现圆形。

   
6. 6

   在浏览器打开test.html文件，查看实现的效果。