JQuery如何向指定元素添加两个类名

 时间:2026-02-16 01:22:16

1、打开HBuilder X,新建一个项目。

JQuery如何向指定元素添加两个类名

2、引入JQuery:

<script src="jquery-3.4.1.js"></script>

JQuery如何向指定元素添加两个类名

3、这里以三个P标签为例:

第一个段落

第二个段落

第三个段落

<button>点击按钮</button>

JQuery如何向指定元素添加两个类名

4、文档准备就绪函数:

<!-- 文档准备就绪函数 -->

<script type="text/javascript">

$(document).ready(function(){

$('button').click(function(){

$("p:first").addClass("a b");

});

});

</script>

JQuery如何向指定元素添加两个类名

5、给内容设置一下样式:

.a{/* 背景色 */

background-color: aqua;

}

.b{/* 字体颜色 */

color: crimson;

}

</style>

JQuery如何向指定元素添加两个类名

6、打开游览器运行:

运行前:

JQuery如何向指定元素添加两个类名

7、运行后:

改变了背景颜色和字体颜色:

JQuery如何向指定元素添加两个类名

  • 雪鹰领主坐骑如何升级、升星和升阶?
  • 如何做豆干红烧肉?
  • 冰箱的使用,哪些东西最好不要放,或者该怎么放
  • 怎样画钢笔画含苞待放的莲花?
  • 鸡蛋期货交易方法
  • 热门搜索
    乳腺炎可以喂奶吗 洛克王国怎么快速升级 outlook怎么发邮件 海螺沟旅游攻略 stp文件怎么打开 水龙头堵了怎么办 可以挂机的网游 油脂性脱发怎么办 怎么下载优酷视频 杨梅怎么保存