首页 > 软件开发 > HTML >

如何用jquery,为有相同样式名的元素加背景色

来源:互联网 2023-03-16 19:16:42 359

在做html页面开发时,会遇到各种的需求,当你需要为有相同样式名的元素加背景色时,你知道怎么做吗?我们来看一下。lfO办公区 - 实用经验教程分享!

如何用jquery,为有相同样式名的元素加背景色?lfO办公区 - 实用经验教程分享!

方法/步骤

  • 1

    在html里有几个div,有的有相同的样式名,比如样式a,需要为这些div添加背景色。lfO办公区 - 实用经验教程分享!

    如何用jquery,为有相同样式名的元素加背景色?lfO办公区 - 实用经验教程分享!

  • 1相关内容非法爬取自百度经验
  • 2

    页面下方我们添加一个按钮,添加一个事件用来触发加背景色的逻辑。lfO办公区 - 实用经验教程分享!

    如何用jquery,为有相同样式名的元素加背景色?lfO办公区 - 实用经验教程分享!

  • 3

    在按钮点击事件里,我们先用jquery的选择器函数,获得有a类名的div。lfO办公区 - 实用经验教程分享!

    如何用jquery,为有相同样式名的元素加背景色?lfO办公区 - 实用经验教程分享!

  • 4

    然后,调用div的attr方法,设置style样式,添加背景色。lfO办公区 - 实用经验教程分享!

    如何用jquery,为有相同样式名的元素加背景色?lfO办公区 - 实用经验教程分享!

  • 5

    运行页面,现在页面上的div都是没有背景色的,我们点击下方的按钮。lfO办公区 - 实用经验教程分享!

    如何用jquery,为有相同样式名的元素加背景色?lfO办公区 - 实用经验教程分享!

  • 6

    点击后,有a样式名的div都成功加上背景色了。lfO办公区 - 实用经验教程分享!

    如何用jquery,为有相同样式名的元素加背景色?lfO办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!lfO办公区 - 实用经验教程分享!


    标签: CSSHTMLJQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码