JQuery如何使用addClass()方法

 时间:2024-10-14 06:10:33

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

JQuery如何使用addClass()方法

2、引入JQuery:<script src="jquery-3.4.1.js"></script>这里是本地引入。

JQuery如何使用addClass()方法

3、写两个段落和一个按钮:<p>第一段</p> <p>第二段</p> <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()方法
  • 洛克王国武之丹青怎么获得
  • 洛克王国伊芙利特怎么打
  • 洛克王国樱花怎么得
  • 双生幻想如何领取在线奖励
  • 热门搜索
    时代广场的蟋蟀手抄报 关于感恩老师的手抄报 科普知识手抄报版面 关于校车的手抄报 应急避险手抄报 关于环保手抄报的内容 国庆70周年手抄报 阳光下成长手抄报内容 五水共治手抄报图画 体育手抄报图片