【如何使用jquery给html元素增加样式】新建一个html文件 ， 定名为test.html ， 用于讲解若何利用jquery给html元素增添样式
文章插图
2在test.html文件内 ， 利用script标签加载jquery.min.js文件 ， 这是jquery库文件 ， 只有加载该文件 ， 才能利用addClass方式 。
文章插图
3在test.html文件内 ， 利用p标签建立一行文字 ， 同时利用css设置文字的大小为30px ， 颜色为红色 。
文章插图
4在test.html文件内 ， 界说一个新的样式 ， 类名为addcss ， 用于后面点击时 ， 增添此样式至p标签 。
文章插图
5在test.html文件内 ， 建立一个button按钮 ， 并绑定click点击事务 ， 当按钮被点击时 ， 执行function函数 。
文章插图
6在function函数内 ， 利用addClass方式给p标签增添addcss类名样式 ， 代码如下：
文章插图
7在浏览器打开test.html文件 ， 点击按钮 ， 给文字增添样式 ， 如下图所示：
文章插图
文章插图
以上内容就是如何使用jquery给html元素增加样式的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- jquery实现点击判断是否使用了某个样式
- jQuery如何向HTML添加指定的内容
- 大众点评如何更改邮箱地址
- 如何在百度网盘加好友分享资源
- 如何在微博上隐身、微博搜索找不到自己
- 如何用手机遥控电视
- 如何在携程订购酒店
- 微信小程序的JS 交互逻辑该如何处理
- Excel INT函数的使用方法
- 如何插入word文档书签