如何使用JQuery设置class中单个样式

随着网页技术的发展,页面的效果越来越丰富,这里一起研究下jQuery如何设置class中单个样式如果对您有帮助请帮忙点赞,谢谢

如何使用JQuery设置class中单个样式

文章插图


需要这些哦
编纂器:notepad++
方式/
1建立一个HTML,网页HTML是一个页面的骨架布局,titile、body:
如何使用JQuery设置class中单个样式

文章插图

2在HTML中增添css代码,设置字体大小:
<style type="text/css">
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
</style>
如何使用JQuery设置class中单个样式

文章插图

3页面中引入jqueryjs文件,而且编纂javascript代码
如何使用JQuery设置class中单个样式

文章插图

4利用绑定事务,div点击后会更改字体大小: $("div").attr("style","font-size:large");
如何使用JQuery设置class中单个样式

文章插图

5【如何使用JQuery设置class中单个样式】打开浏览器运行编纂的html文件,点击按钮后,字体的大小会转变:
如何使用JQuery设置class中单个样式

文章插图
如何使用JQuery设置class中单个样式

文章插图


以上内容就是如何使用JQuery设置class中单个样式的内容啦,希望对你有所帮助哦!

    推荐阅读