[无名弟子]JS-蓝色郁金香|2017年01月13日的日报-技能树.IT修真院

发表于： 2017-01-13 23:37:01

1 1471

今天完成的事情：准备晚上的分享小课堂，刷angular的视频，搜素栏还没做

明天计划的事情：上午继续刷angular的视频，下午做任务

遇到问题：暂无

收获：

jQuery 属性操作 - attr() 方法:

$(selector).attr(attribute,value)——$("img").attr("width","180");

jQuery 事件 - delegate() 方法:

delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

$("div").delegate("button","click",function(){
  $("p").slideToggle();
});

jQuery 遍历 - siblings() 方法:siblings() 获得匹配集合中每个元素的同胞

$('li.third-item').siblings().css('background-color', 'red');除了第三项所有的都会添加红色背景

jQuery :eq() 选择器：选择器选取带有指定 index 值的元素。$(":eq(index)")

jQuery on() 方法：on() 方法在被选元素及子元素上添加一个或多个事件处理程序。使用 on() 方法添加的事件处理程序适用于当前及未来的元素。

jQuery CSS 操作 - css() 方法：

$(selector).css(name)——返回第一个匹配元素的 CSS 属性值。

$(selector).css(name,value)——设置 CSS 属性

$(selector).css({property:value, property:value, ...}){"color":"red","font-weight":"bold"}——设置多个 CSS 属性/值对

jQuery off() 方法：off() 方法通常用于移除通过 on() 方法添加的事件处理程序。

$("button").click(function(){

$("p").off("click");

});

移除所有 <p> 元素上的 click 事件：

ev.pageX——获取当前光标的横坐标

$(this).offset().left——这个元素的对于父对象的左边距

为什么JS事件函数中都有一个参数（ev）？

因为ev是事件的参数啊！在ev中包含了事件触发时的参数，比如click事件的ev中包含着.e.pageX,e.pageY,keydown事件中包含着ev.keyCode等。

这一句的用途：需要获取和事件相关的信息时使用。

小分享文档：

setInterval和setTimeout的用法：

1.背景介绍：在我们的实际应用中经常会出现循环执行某一操作的需求，这时我们通常会考虑使用for循环，但是这种循环的特征是我们无法看到循环过程，最终只能看到循环结束后的值。那么如果我们要看到一个完整的过程应该怎么做呢？这就是我们今天要讲的定时器的概念。

2.知识剖析：

1.setInterval()：setInterval()按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。setInterval(code,millisec),该定时器主要有2个参数，code处是要执行或调用的函数，第二个参数是调用函数间隔的时间，以毫秒为单位。

2.setTimeout()：在指定的毫秒数后调用函数或计算表达式，setTimeout(code,millisec),该定时器同setInterval（）一样，都有2个参数，code处是要执行或调用的函数，第二个参数是在执行代码前需等待的毫秒数。此定时器也称为倒计定时器，只执行1次

3.clearInterval()：setInterval()会不停地调用函数，clearInterval()用于清除定时器，结束调用。clearInterval(setInterval()),这种写法一般比较少见，一般使用定时器返回的id值来清除定时器。

3.常见问题:问题:使用事件调用定时器时，多次重复点击时，定时器间隔的时间会变短。

4.解决方案:在函数内部，我们可以先清除定时器，再设置定时器。这样的话，每次点击事件发生时，都把前一个定时器清除，再重现开启一个新的定时器。就可以啦

5.扩展思考:定时器如何传参

6.参考文献:http://www.runoob.com/w3cnote/js-timer.html