摘要: jQuery中each方法的应用 jQuery中有个很重要的核心方法each,大部分jQuery方法在内部都会调用each,其主要的原因的就是jQuery的实例是一个元素合集 如下:找到所有的div,并且都设置样式,css只是一个方法,所以内部会调用each处理这个div的合集,给每个div都设置s 阅读全文
posted @ 2017-11-03 20:27 欧阳贝贝 阅读(193) 评论(0) 推荐(0) 编辑
摘要: jQuery中动画animate(上) 有些复杂的动画通过之前学到的几个动画函数是不能够实现,这时候就需要强大的animate方法了 操作一个元素执行3秒的淡入动画,对比一下2组动画设置的区别 $(elem).fadeOut(3000) $(elem).animate({ opacity:0 },3 阅读全文
posted @ 2017-11-03 20:10 欧阳贝贝 阅读(288) 评论(0) 推荐(0) 编辑
摘要: jQuery中toggle与slideToggle以及fadeToggle的比较 操作元素的显示和隐藏可以有几种方法。例如: 改变样式display为none 设置位置高度为0 设置透明度为0 都能达到这个目的,并且针对这样的处理jQuery都提供了各自的方法。show/hide、sildeDown 阅读全文
posted @ 2017-11-03 19:58 欧阳贝贝 阅读(2772) 评论(0) 推荐(0) 编辑
摘要: jQuery中淡出动画fadeOut 让元素在页面不可见,常用的办法就是通过设置样式的display:none。除此之外还可以一些类似的办法可以达到这个目的。这里要提一个透明度的方法,设置元素透明度为0,可以让元素不可见,透明度的参数是0~1之间的值,通过改变这个值可以让元素有一个透明度的效果。常见 阅读全文
posted @ 2017-11-03 19:57 欧阳贝贝 阅读(1234) 评论(0) 推荐(0) 编辑
摘要: jQuery中下拉动画slideDown 对于隐藏的元素,在将其显示出来的过程中,可以对其进行一些变化的动画效果。之前学过了show方法,show方法在显示的过程中也可以有动画,但是.show()方法将会匹配元素的宽度,高度,以及不透明度,同时进行动画操作。这里将要学习一个新的显示方法slideDo 阅读全文
posted @ 2017-11-03 19:49 欧阳贝贝 阅读(256) 评论(0) 推荐(0) 编辑
摘要: jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效果 $elem.hide( 阅读全文
posted @ 2017-11-03 19:43 欧阳贝贝 阅读(336) 评论(0) 推荐(0) 编辑
摘要: jQuery自定义事件之trigger事件 众所周知类似于mousedown、click、keydown等等这类型的事件都是浏览器提供的,通俗叫原生事件,这类型的事件是需要有交互行为才能被触发。 在jQuery通过on方法绑定一个原生事件 $('#elem').on('click', functio 阅读全文
posted @ 2017-11-03 19:35 欧阳贝贝 阅读(424) 评论(0) 推荐(0) 编辑
摘要: jQuery事件对象的作用 事件中的Event对象容易被初学者忽略掉,可能大多时候初学者不知道怎么去用它,但有些时候它还是非常有用的 一个标准的"click"点击事件 $(elem).on("click",function(event){ event //事件对象 }) 在不同浏览器之间事件对象的获 阅读全文
posted @ 2017-11-03 19:34 欧阳贝贝 阅读(606) 评论(0) 推荐(0) 编辑
摘要: on()的多事件绑定 之前学的鼠标事件,表单事件与键盘事件都有个特点,就是直接给元素绑定一个处理函数,所有这类事件都是属于快捷处理。翻开源码其实可以看到,所有的快捷事件在底层的处理都是通过一个"on"方法来实现的。jQuery on()方法是官方推荐的绑定事件的一个方法。 基本用法:.on( eve 阅读全文
posted @ 2017-11-03 19:32 欧阳贝贝 阅读(3322) 评论(0) 推荐(0) 编辑
摘要: jQuery键盘事件之keydown()与keyup()事件 鼠标有mousedown,mouseup之类的事件,这是根据人的手势动作分解的2个触发行为。相对应的键盘也有这类事件,将用户行为分解成2个动作,键盘按下与松手,针对这样的2种动作,jQuery分别提供了对应keydown与keyup方法来 阅读全文
posted @ 2017-11-03 19:30 欧阳贝贝 阅读(1507) 评论(0) 推荐(0) 编辑