java零基础 vim复制 观察者模式 jquery ros 打印 upload Parsley vue实例 oracle删除字段sql python程序界面 etc文件夹 mysql查看锁表 安卓虚拟机运行windows div字体加粗 svn查看历史版本 wps文件修复工具下载 python随机函数 python环境搭建 python开发环境 python代码 java斐波那契数列 java正则表达 java注释 java环境安装 java中数据类型 局域网助手 vs2010sp1 俄罗斯方块java代码 js删除节点 脚本 微信彩色字 mac地址修改 go2lan 战斗的召唤 php随机数函数 mysql中文乱码 微信群群发软件 debian安装教程 换肤助手 x截屏
当前位置: 首页 > 学习教程  > 编程语言

点击切换class并且刷新后保留样式

2020/12/5 10:36:28 文章标签:

html <style>.ul-row{ background: #FC862E;} </style> <button class"bt-row" >点击切换</button> <div classtopNum><ul><li>1</li><li>2</li><li>3</li></ul> </div>使…

html

<style>
	.ul-row{    background: #FC862E;}
</style>
<button class="bt-row"  >点击切换</button>
<div class='topNum'>
	<ul>
		<li>1</li>
		<li>2</li>
		<li>3</li>
	</ul>
</div>

使用localStorage:用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。


    $('.bt-row').click(function(){
        $('.topNum ul').toggleClass('ul-row')
        localStorage.lastname = $(".topNum ul").prop("className");
    })
    $(function(){

        var str = localStorage.lastname;

        if (str) {

            $(".topNum ul").addClass(str);

        }

        });

本文链接: http://www.dtmao.cc/news_show_450277.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?