JQuery 点击实现开关灯,改变CSS属性值
JQuery 点击实现开关灯,改变CSS属性值
1、引入jquery
<script src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>
2、页面布局
<div class="test">测试内容</div><br>
<input type="button" id="btnLight" value="关灯"/>
3、核心控制
<!--wxfollow start-->
<script>
$(function() {
$('#btnLight').click(function () {
if (this.value == '关灯') {
$('body').css('background-color', 'black');
$('div').css('color', 'white');
$(this).val('开灯');
} else {
$('body').css('background-color', 'white');
$('div').css('color', '#000000');
$(this).val('关灯');
}
});
});
</script>
<!--wxfollow end-->
微信扫描下方的二维码阅读本文
阅读剩余
版权声明:
标题:JQuery 点击实现开关灯,改变CSS属性值
作者:admin
链接:https://www.kmtky.com/386.html
文章版权归作者所有,未经允许请勿转载。
声明:仅供内部测试和技术交流使用,任何非法商业使用及商业利益冲突带来的法律纠纷,与本人无关,本人概不负责,请下载后24小时内删除,谢谢合作!如有侵权请于作者联系,尽快删除。
标题:JQuery 点击实现开关灯,改变CSS属性值
作者:admin
链接:https://www.kmtky.com/386.html
文章版权归作者所有,未经允许请勿转载。
声明:仅供内部测试和技术交流使用,任何非法商业使用及商业利益冲突带来的法律纠纷,与本人无关,本人概不负责,请下载后24小时内删除,谢谢合作!如有侵权请于作者联系,尽快删除。
THE END