发表于: 2021-07-09 23:46:02

1 949


今天完成的事情:
一个页面实现简单切换,如下所示:


一个页面通过hide与show展现两种效果

当然了单纯使用没法实现效果的呀

还得配合toggle,代码如下

 $(function(){
    $(".box1").show();
    $(".box2").hide();
    $(".txt1").show();
    $(".txt2").hide();
    $(".btn").click(function(){
    $(".box1").toggle();
    $(".box2").toggle();
    $(".txt1").toggle();
    $(".txt2").toggle();
    });
    }); 


不过,剩下的没想好咋弄。下面得有数字,上面还得有编号

随着点击次数增多,数字会叠加

这个一时半会儿想不出方案来


很多时间用来看坑乎了,和师兄日报了

有一点收获,但还是不知怎么写。。。

剩下时间又把jq大概过了一遍

不知不觉间一天时间就这么过完了






明天计划的事情:
明天计划继续搞js3,直到搞出来为止


顺便复习下基础,不少东西印象很模糊,毕竟学的不深理解的也不深,放几天就没啥印象了。。。







遇到的问题:
问题是存储与读取数据,我认为的是在一个页面储存数据


然后在另外一个页面读取数据进行运用


简单代码模型如下:

var data = { 1,2,3,4 };//这是一个数组

var send = JSON.stringify(data);//转换为字符串

sessionStorage.data = send;//存入

var get = sessionStorage.data;//读取

var new = JSON.parse(get);//重新转换为数组

反复试了,遗憾的是这个页面保存的数据,另外的页面无法读取出来,也不知哪里出了问题


还没请教师兄,不想耽搁时间了,明天再问吧,一定要问。


最大的问题就是不喜欢问,自己又憋不出来。







收获:

对jq中的hide,show,toggle理解加深了,昨天只知道单纯的套用,今天研究了下,发现可以直接一个页面实现两种切换

用好了效果还是很不错,关键是简单方便代码少。













返回列表 返回列表
评论

    分享到