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()方法

© 2026 一点资料
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com