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

 时间:2024-10-30 09:43:51

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

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

2、引入JQuery:<script src="jquery-3.4.1.js"></script>

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

3、这里以三个P标签为例:<p>第一个段落</p> <p>第二个段落</p> <p>第三个者憨骆吒段落</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如何向指定元素添加两个类名
  • 雪鹰领主坐骑如何升级、升星和升阶?
  • 如何做豆干红烧肉?
  • 冰箱的使用,哪些东西最好不要放,或者该怎么放
  • 怎样画钢笔画含苞待放的莲花?
  • 鸡蛋期货交易方法
  • 热门搜索
    抗击肺炎手抄报 父亲节手抄报图片 小学生元宵节手抄报 拒绝舌尖上的浪费手抄报 红红火火过大年手抄报 防溺水手抄报简单好画图片 抗病毒手抄报 吸烟有害健康的手抄报 国庆节手抄报图片 健康成长手抄报