摘要: 什么是事件对象 之前说事件委托(事件代理)的时候,也提过事件对象和事件源,今天在这里简单总结一下。 当触发某个事件的时候,会产生一个事件对象event,这个对象里面包含与事件相关的所有信息。 事件对象只有在触发事件的时候会产生,无法手动创建,并且只能在事件处理函数内部访问,事件处理函数结束后,该对象 阅读全文
posted @ 2017-04-30 00:12 章洵 阅读(532) 评论(0) 推荐(0) 编辑
摘要: 之前我们说过用 for 循环绑定事件 没看过的点这里 今天我们介绍一种更加方便的方法,就是事件委托,也叫事件代理; 件事委托是什么 事件委托:简单说就是把一个事件交给别人来完成,就是利用冒泡原理,将事件绑定到节点的父级节点上,触发执行效果。 件事委托的好处 举个栗子 这里要用到event对象,eve 阅读全文
posted @ 2017-04-27 11:42 章洵 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 首先我们来看一段代码 运行之后发现无论点哪个标签,弹出的都是最后一个标签的index 这是因为 for 循环的里面 var 定义的变量 i 自动提升为全局变量,等同于下面的代码 这时候 alert(i) 里面的i还没有值,当用户调用 onclick 的匿名函数时,需要对i求值 解析程序首先会在事件处 阅读全文
posted @ 2017-04-27 00:26 章洵 阅读(4906) 评论(1) 推荐(0) 编辑
摘要: 在弄清楚什么是立即调用的函数表达式(IIFE)之前,我们先了解一些函数的基本概念。 函数声明、函数表达式、匿名函数 函数声明:function functionName() {...}; 使用function关键字声明一个函数,再指定一个函数名,叫函数声明。函数声明后不会立即执行,会在我们需要的时候 阅读全文
posted @ 2017-04-26 18:45 章洵 阅读(779) 评论(0) 推荐(0) 编辑
摘要: .html() .html():获取集合中第一个匹配元素的HTML内容。这个函数不能用于XML文档。但可以用于XHTML文档 .html( htmlString ):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档 .html( function(index, 阅读全文
posted @ 2017-04-26 01:22 章洵 阅读(7806) 评论(0) 推荐(1) 编辑
摘要: prop() 和 attr() 可能返回不同的值,先看下面一段代码 当属性具有固有的值,true和false,例如 checked, selected 或者 disabled 这个时候使用prop(); 当属性的值是我们自己自定义的时候,使用attr(); 以下是官方建议attr(),prop()的 阅读全文
posted @ 2017-04-25 21:40 章洵 阅读(309) 评论(0) 推荐(0) 编辑
摘要: CSS中的伪类选择器:nth-child和:nth-of-type :nth-child和:nth-of-type都可以选择父元素下的子元素。那么他们的区别是什么? 我们先来看第一种情况: 这时候用p:nth-child(2)和p:nth-of-type(2)获取的都是"第二个段落"。 那么再看第二 阅读全文
posted @ 2017-04-25 16:41 章洵 阅读(221) 评论(0) 推荐(0) 编辑
摘要: 我学习的三种三栏(左中右)布局方法(不想要自适应的话设置一个宽度即可) 绝对定位方法,两边用绝对定位固定在窗口两边,中间采用自适应宽度,利用margin属性把两边撑开。代码如下: 优点:比较简单容易,受到内部影响不大 缺点:中间有最小宽度的限制,当宽度小到一定值,会发生元素重叠的情况 margin负 阅读全文
posted @ 2017-04-25 16:06 章洵 阅读(2197) 评论(0) 推荐(0) 编辑
摘要: CSS3 animation动画:CSS3除了transition属性,还可以使用animation功能实现复杂的动画效果。要创建animation动画,先要了解@keyframes规则。 CSS3 @keyframes关键帧:使用@keyframes创建动画。在动画过程中,可以多次改变CSS的样式 阅读全文
posted @ 2017-04-25 16:04 章洵 阅读(736) 评论(0) 推荐(0) 编辑
摘要: CSS3 transition过度:从元素的一种样式在指定的时间内过度称另外一种样式 语法:transition: property duration timing-function delay;(简写) transition-property:规定设置过度效果的CSS属性的名称; transiti 阅读全文
posted @ 2017-04-25 16:03 章洵 阅读(461) 评论(0) 推荐(0) 编辑