摘要: 1jQuery中each方法的应用 jQuery中有个很重要的核心方法each,大部分jQuery方法在内部都会调用each,其主要的原因的就是jQuery的实例是一个元素合集 如下:找到所有的div,并且都设置样式,css只是一个方法,所以内部会调用each处理这个div的合集,给每个div都设置 阅读全文
posted @ 2016-12-11 22:38 影灵儿 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 1jQuery中动画animate(上) 有些复杂的动画通过之前学到的几个动画函数是不能够实现,这时候就需要强大的animate方法了 操作一个元素执行3秒的淡入动画,对比一下2组动画设置的区别 显而易见,animate方法更加灵活了,可以精确的控制样式属性从而执行动画 语法: .animate() 阅读全文
posted @ 2016-12-11 22:35 影灵儿 阅读(308) 评论(0) 推荐(0) 编辑
摘要: 1jQuery中toggle与slideToggle以及fadeToggle的比较 操作元素的显示和隐藏可以有几种方法。 例如: 改变样式display为none 设置位置高度为0 设置透明度为0 都能达到这个目的,并且针对这样的处理jQuery都提供了各自的方法。show/hide、sildeDo 阅读全文
posted @ 2016-12-11 22:33 影灵儿 阅读(260) 评论(0) 推荐(0) 编辑
摘要: 1jQuery中淡出动画fadeOut 让元素在页面不可见,常用的办法就是通过设置样式的display:none。除此之外还可以一些类似的办法可以达到这个目的。这里要提一个透明度的方法,设置元素透明度为0,可以让元素不可见,透明度的参数是0~1之间的值,通过改变这个值可以让元素有一个透明度的效果。常 阅读全文
posted @ 2016-12-11 22:32 影灵儿 阅读(880) 评论(0) 推荐(0) 编辑
摘要: 1jQuery中下拉动画slideDown 对于隐藏的元素,在将其显示出来的过程中,可以对其进行一些变化的动画效果。之前学过了show方法,show方法在显示的过程中也可以有动画,但是.show()方法将会匹配元素的宽度,高度,以及不透明度,同时进行动画操作。这里将要学习一个新的显示方法slideD 阅读全文
posted @ 2016-12-11 22:29 影灵儿 阅读(1983) 评论(0) 推荐(0) 编辑
摘要: 1jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效果 $elem.hide 阅读全文
posted @ 2016-12-11 22:26 影灵儿 阅读(1786) 评论(0) 推荐(0) 编辑
摘要: 1jQuery自定义事件之trigger事件 众所周知类似于mousedown、click、keydown等等这类型的事件都是浏览器提供的,通俗叫原生事件,这类型的事件是需要有交互行为才能被触发。 在jQuery通过on方法绑定一个原生事件 alert需要执行的条件:必须有用户点击才可以。如果不同用 阅读全文
posted @ 2016-12-10 22:42 影灵儿 阅读(8785) 评论(1) 推荐(2) 编辑
摘要: 1jQuery事件对象的作用 事件中的Event对象容易被初学者忽略掉,可能大多时候初学者不知道怎么去用它,但有些时候它还是非常有用的 一个标准的"click"点击事件 在不同浏览器之间事件对象的获取, 以及事件对象的属性都有差异。jQuery根据 W3C 标准规范了事件对象,所以在jQuery事件 阅读全文
posted @ 2016-12-10 22:41 影灵儿 阅读(831) 评论(0) 推荐(0) 编辑
摘要: 1on()的多事件绑定 之前学的鼠标事件,表单事件与键盘事件都有个特点,就是直接给元素绑定一个处理函数,所有这类事件都是属于快捷处理。翻开源码其实可以看到,所有的快捷事件在底层的处理都是通过一个"on"方法来实现的。jQuery on()方法是官方推荐的绑定事件的一个方法。 基本用法:.on( ev 阅读全文
posted @ 2016-12-10 22:39 影灵儿 阅读(4190) 评论(0) 推荐(0) 编辑
摘要: 1jQuery键盘事件之keydown()与keyup()事件 鼠标有mousedown,mouseup之类的事件,这是根据人的手势动作分解的2个触发行为。相对应的键盘也有这类事件,将用户行为分解成2个动作,键盘按下与松手,针对这样的2种动作,jQuery分别提供了对应keydown与keyup方法 阅读全文
posted @ 2016-12-10 22:36 影灵儿 阅读(195) 评论(0) 推荐(0) 编辑