JS怎么改变提示内容字体样式

 时间:2024-10-15 14:03:26

1、为了方便操作,我们使用jquery来操作,所以先引入jquery插件文件。

JS怎么改变提示内容字体样式

2、html里有一个p的提示内容。

JS怎么改变提示内容字体样式

3、后面加上一个按钮,来触发改变提示内容的字体。

JS怎么改变提示内容字体样式

4、我们先在样式文件里添加一个样式规则,new_font的样式,内容就是指定具体的字体。

JS怎么改变提示内容字体样式

5、接着实现按钮的点击事件方法,在这个方法里,我尺攵跋赈们调用jquery的addClass方法,为提示内容的p元素添加一个样式就行了。十分简单。

JS怎么改变提示内容字体样式

6、运行页面,看到现在提示信息是使用body设置的‘宋体’字体。

JS怎么改变提示内容字体样式

7、点击按钮后,由于应用上了新的样式,提示信息的字体变为新样式里设置的雅黑字体了。

JS怎么改变提示内容字体样式
  • Notepad++文档顺序切换技巧分享
  • 【Mac】Excel2016 宏就这样入门了!
  • Excel快捷键使用大全
  • 怎样使用VBA窗体之装载与卸载?
  • Excel 批量翻译
  • 热门搜索
    军训手抄报 2035年的祖国手抄报 手抄报版面设计模板 热爱生命手抄报 环保手抄报内容资料 小学生手抄报制作技巧入门 海底世界手抄报 溺水手抄报简单又漂亮 地震手抄报 预防艾滋病手抄报