PROMULGATOR

    吝

    江西省九江市
    Html
    Css
    Js
1
2
3
4
5
<div class="a">
    <div class="b">
        <img src="https://www.jq22.com/newjs/d1.png" alt="" class="c">
    </div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
* {
    margin:0;
    padding:0;
}
.a {
    width:100%;
    height:100%;
    position:absolute;
    background-color:black;
}
img {
    width:80px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).on("click", ".c", function() {
    $('.a').css('background-color', 'white')
    $('.b').html(
        '<img src="https://www.jq22.com/newjs/d2.png" alt="" class="d">'
    )
})
$(document).on("click", ".d", function() {
    $('.a').css('background-color', 'black')
    $('.b').html(
        '<img src="https://www.jq22.com/newjs/d1.png" alt="" class="c">'
    )
})
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3
 立即下载

最简单的开灯关灯(原创)

更新时间：2020-10-20 00:52:02

js代码添加的标签 必须要用委托事件绑定点击事件 注意

1
      小闰土0
      2020/11/2 17:04:38
      直接切换类就行了 用什么事件委托 回复