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

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);

        }

        });