发表于: 2018-09-23 16:36:57

1 779


今天完成的事情:今天做了任务二的第一个页面的类似tab栏的切换,原理是:获取点击的元素,给点击的元素加上.active的类名,给其兄弟元素移除.active的类名。

师兄给我用jquery的语法敲了一遍,自己用js 又做了一遍,将原理弄懂了。
明天计划的事情:明天继续做任务二。
遇到的问题:js还是写过一些的,但是jquery只是看过一些文档,没敲过代码,把js 和jquery的语法搞混了,所以没事还是多翻翻jquery的文档吧。
收获:学会了tab栏的切换原理:获取点击的元素,给点击的元素加上.active的类名,给其兄弟元素移除.active的类名。

$(function(){

    var lis = $("ol li");

    console.log(lis);

//隐式遍历

    lis.click(function(){

        var index = $(this).index(); 

        $(this).addClass('active').siblings().removeClass('active');

        console.log(index);

        $(".tab").eq(index).addClass('current').siblings().removeClass('current');

    })

})

2.

在javascritp中,有两个关于定时器的专用函数,分别为:

1.倒计定时器:timename=setTimeout("function();",delaytime);

2.循环定时器:timename=setInterval("function();",delaytime);

第一个参数“function()”是定时器触发时要执行的动作,可以是一个函数,也可以是几个函数,函数间用“;”隔开即可。比如要弹出两个警告窗口,便可将“function();”换成

“alert('第一个警告窗口!');alert('第二个警告窗口!');”;而第二个参数“delaytime”则是间隔的时间,以毫秒为单位,即填写“5000”,就表示5秒钟。

  倒计时定时器是在指定时间到达后触发事件,而循环定时器就是在间隔时间到来时反复触发事件,两者的区别在于:前者只是作用一次,而后者则不停地作用。




返回列表 返回列表
评论

    分享到