jquery如何给div添加多个样式

在jquery中,可以通过添加class形式,给div添加多个样式 。 下面小编举例讲解jquery如何给div添加多个样式 。

jquery如何给div添加多个样式

文章插图

需要这些哦
html+jquery
代码编纂器:z studio 10.0
方式/
1新建一个html文件,定名为test.html,用于讲解jquery若何给div添加多个样式 。
jquery如何给div添加多个样式

文章插图

2在test.html文件内,利用div建立一个模块,并设置其id为myaaa 。
jquery如何给div添加多个样式

文章插图

3【jquery如何给div添加多个样式】在css标签内,界说一个类名为mycss的样式,设置其宽度为100px,高度为100px,布景色为红色 。
jquery如何给div添加多个样式

文章插图

4在js标签内,利用ready方式在页面加载完当作时执行function方式 。
jquery如何给div添加多个样式

文章插图

5在function方式内,经由过程id获得div对象,利用addClass方式给div添加class属性,从而实现给div添加多个样式 。
jquery如何给div添加多个样式

文章插图

6在浏览器打开test.html文件,查看成果 。
jquery如何给div添加多个样式

文章插图

总结:11、利用div建立一个模块,并设置其id为myaaa 。 2、在css标签内,界说一个类名为mycss的样式,设置其宽度为100px,高度为100px,布景色为红色 。 3、在js标签内,利用ready方式在页面加载完当作时执行function方式,在function方式内,经由过程id获得div对象,利用addClass方式给div添加class属性,从而实现给div添加多个样式 。 4、在浏览器打开test.html文件,查看成果 。


以上内容就是jquery如何给div添加多个样式的内容啦,希望对你有所帮助哦!

    推荐阅读