jQuery创建CSS样式方法

在jQuery中，可通过获取元素对象并调用attr()方法来添加style样式。以下以给div元素设置style为例进行说明。

1、 创建一个名为test.html的文件，通过该文件演示如何使用jQuery来动态添加和创建CSS样式，帮助理解jQuery在网页样式控制中的应用方法。

2、 在test.html中通过script标签引入jquery.min.js文件，确保文件正确加载后，方可调用jQuery提供的各项功能。

3、 在test.html中，利用div标签创建一个模块，为其设置class属性为txtdiv，便于后续通过该类名获取对应的div元素对象。

4、 在test.html中，用button标签添加一个名为创建style样式的按钮。

5、 在test.html中为按钮添加onclick事件，点击时触发createstyle函数的执行。

6、 在 js 标签中定义 createStyle() 函数，通过类名 txtdiv 获取对应的 div 元素，利用 attr() 方法为其设置样式属性，将宽度设为 100px，高度设为 100px，并将背景颜色设定为粉红色，从而实现动态样式添加。

7、 用浏览器打开test.html，点击按钮即可查看效果。

8、 新建一个名为test.html的文件。