JQuery如何使用addClass()方法

 时间:2026-02-15 00:24:50

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

JQuery如何使用addClass()方法

2、引入JQuery:

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

这里是本地引入。

JQuery如何使用addClass()方法

3、写两个段落和一个按钮:

第一段

第二段

<button>按钮</button>

JQuery如何使用addClass()方法

4、文档准备就绪函数:

<script type="text/javascript">

$(document).ready(function(){

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

$("p:first").addClass("intro");

});

});

</script>

JQuery如何使用addClass()方法

5、在游览器上运行,没有点击按钮之前是这样的:

JQuery如何使用addClass()方法

6、点击了按钮之后是这样的:

改变了第一段的样式。

JQuery如何使用addClass()方法

  • 洛克王国武之丹青怎么获得
  • 洛克王国伊芙利特怎么打
  • 洛克王国樱花怎么得
  • 双生幻想如何领取在线奖励
  • 崩坏3赫菲斯托斯攻略
  • 热门搜索
    关于网络安全的手抄报 春节手抄报 简单 手抄报清明节 病毒手抄报内容写什么 依依惜别手抄报 重阳节手抄报图片大全 未来的2035年手抄报简单 交通安全教育手抄报 诗配画手抄报 网络安全手抄报的句子