发表于: 2018-09-23 16:36:57
1 776
今天完成的事情:今天做了任务二的第一个页面的类似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秒钟。
倒计时定时器是在指定时间到达后触发事件,而循环定时器就是在间隔时间到来时反复触发事件,两者的区别在于:前者只是作用一次,而后者则不停地作用。
评论