-
jQuery中DOM元素的获取get方法: 语法: .get( [index ] ) 注意2点: 1: get方法是获取的dom对象,也就是通过document.getElementById获取的对象 2: get方法是从0开始索引 ps: 负索引值参数 get方法还可以从后往前索引,传递一个负索引值,注意的负值的索引起始值是-1 同样是找到第二元素,可以传递 $(a).get(-2)查看全部
-
jQuery中去空格神器trim方法: jQuery.trim()函数用于去除字符串两端的空白字符 ps:需要注意: 移除字符串开始和结尾处的所有换行符,空格(包括连续的空格)和制表符(tab) 如果这些空白字符在字符串中间时,它们将被保留,不会被移除查看全部
-
jQuery中查找数组中的索引inArray: jQuery.inArray()函数用于在数组中搜索指定的值,并返回其索引值。如果数组中不存在该值,则返回 -1。 语法: jQuery.inArray( value(要查找的值或元素), array(被查找的数组) ,[ fromIndex ](从哪个索引位置开始查找) ) ps: 用法非常简单,传递一个检测的目标值,然后传递原始的数组,可以通过fromIndex规定查找的起始值,默认数组是0开始 例如:在数组中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回对应的索引:4 注意: 如果要判断数组中是否存在指定值,你需要通过该函数的返回值不等于(或大于)-1来进行判断查看全部
-
$.each==jQuery.each?? 在jQuery库中,$只不过是jQuery的简写!所以$.each==jQuery.each是等价的!查看全部
-
jQuery中each方法的应用: jQuery的大部分方法都是针元素合集的操作,所以jQuery会提供$(selector).each()来遍历jQuery对象.each只是处理jQuery对象的方法,jQuery还提供了一个通用的jQuery.each方法,用来处理对象和数组的遍历 语法: 1:jQuery.each(array, callback ) 2:jQuery.each( object, callback ) 解1:jQuery.each(array数组(参数), callback回调函数(索引,元素) ) 解2:jQuery.each( object对象(参数键值对), callback回调函数(属性,值) ) 第一个参数传递的就是一个对象或者数组,第二个是回调函数 $.each(["Aaron", "慕课网"], function(index, value) { //index是索引,也就是数组的索引 //value就是数组中的值了 }); each就是for循环方法的一个包装,内部就是通过for遍历数组与对象,通过回调函数返回内部迭代的一些参数,第一个参数是当前迭代成员在对象或数组中的索引值(从0开始计数),第二个参数是当前迭代成员(与this的引用相同 jQuery.each()函数还会根据每次调用函数callback的返回值来决定后续动作。如果返回值为false,则停止循环(相当于普通循环中的break);如果返回其他任何值,均表示继续执行下一个循环。 $.each(["Aaron", "慕课网"], function(index, value) { return false; //停止迭代 });查看全部
-
jQuery中停止动画stop: 1:stop():只会停止第一个动画,第二个第三个继续(当前高停止继续变宽变透明) 2:stop(true):停止第一个、第二个和第三个动画 (所有都停止不变了) 3:stop(true ture):停止动画,直接跳到第一个动画的最终状态 (当前高停止直接跳到高的目标值300不动了) 语法: 1:.stop( [clearQueue ], [ jumpToEnd ] ) 2:.stop( [queue ], [ clearQueue ] ,[ jumpToEnd ] ) stop还有几个可选的参数,简单来说可以这3种情况: 1 .stop(); 停止当前动画,点击在暂停处继续开始 2 .stop(true); 如果同一元素调用多个动画方法,尚未被执行的动画被放置在元素的效果队列中。这些动画不会开始,直到第一个完成。当调用.stop()的时候,队列中的下一个动画立即开始。如果clearQueue参数提供true值,那么在队列中的动画其余被删除并永远不会运行 3 .stop(true,true); 当前动画将停止,但该元素上的 CSS 属性会被立刻修改成动画的目标值 简单的说:参考下面代码、 $("#aaron").animate({ height: 300 }, 5000) $("#aaron").animate({ width: 300 }, 5000) $("#aaron").animate({ opacity: 0.6 }, 2000)查看全部
-
如果不传递任何参数给 .index() 方法,则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置,此处的同辈元素,包括 ul 下的所有 子元素 a a li li li ,所以$("li").index() // 2查看全部
-
待验证:8: noww接收的是每次动画时height的值,fxx是指每个动画的每一步完成之后要执行的函数. step自动执行的这个函数. arguments对象是比较特别的一个对象,实际上是当前函数的一个内置属性。arguments非常类似Array,但实际上又不是一个Array实例.arguments对象的长度是由实参个数而不是形参个数决定的。形参是函数内部重新开辟内存空间存储的变量,但是其与arguments对象内存空间并不重叠. 也就是说此时的arguments[1]代表的是progress的进度,而它是从0-1的,0代表开始,1代表结束 9:1、.animate(properties,options)中包含两个参数,options参数包括几种,其中step:规定每个动画的每一步完成之后要执行的函数;progress:每一次动画调用的时候会执行这个回调,就是一个进度的概念。 2、arguments中数组值代表函数第几个参数。这里arguments[1]代表第二个参数,则是代表fx。 3、这个程序没有提供完整,在程序上面应该会定义原先的块级高度是100,动画中目标高度是50,所以执行动画时从100减到50。查看全部
-
待验证: 其实这个函数里是内置有这三个参数的,就好比你把progress里的fx参数删除,当访问arguments[1]还是访问到进度条值。 1:就好比js中的map函数,arguments[0]为value,arguments[1]为key,arguments[2]为array 2:progress是一个进度的概念,说的是这个动画本身运动,不管动画实际动没动(已经到最终态就不动) 3:在函数代码中,使用特殊对象 arguments,开发者无需明确指出参数名,就能访问它们。arguments[1]指function(now, fx)的参数fx,而这里fx代表progress的进度,而它是从0-1的,0代表开始,1代表结束。 4:step与progress step这个属性个动画执行的进度,可以用2个指标来描述,一个是动画属性的变动值,另一个是动画在整个执行过程的进度不同点,主要在fx这个参数上: step: fx返回的是和css相关的属性; progress: fx返回的是动画进度本身的属性; 5:因为progress函数有执行时间,要在规定的时间达到目标值,同理进度值随着规定时间从0到1。 这样理解:执行step后,高度是50,而progress目标高度也是50,执行progress时,是在2秒内将高度从50变成50,虽然没变化,但是函数在执行,所以有进度值。 6:now和fx是两个参数,可以随便写成其他什么名字,也就是函数有两个参数,第一个参数是正在变化的属性的当前值(即代码中的height值),第二个参数是当前做动画的对象的引用(即$aaron)。 7:now:是当前动画正在改变的属性的实时值; fx: jQuery.fx 原型对象的一个引用,其中包含了多项属性,比如 执行动画的元素:elem; 动画正在改变的属性:prop; 正在改变属性的当前值:now; 正在改变属性的结束值:end; 正在改变属性的单位:unit;等查看全部
-
摘抄待验证: on(n,fx){ // 动画元素的每个动画属性每一次动画效果的执行都将调用的函数。第1个参数是当前动画正在改变的属性的实时值(每1次动画过程中,属性值的实时反馈呈现);第2个参数为修改Tween 对象提供了一个机会来改变animate第1个参数中设置的属性在动画结束时的值。 // fx: jQuery.fx 原型对象的一个引用,其中包含了多项属性,比如 // 执行动画的元素:elem; // 动画正在改变的属性:prop; // 正在改变属性的当前值:now; // 正在改变属性的结束值:end; // 正在改变属性的单位:unit;等查看全部
-
js arguments: http://www.cnblogs.com/Fskjb/archive/2011/10/27/2227111.html查看全部
-
http://api.jquery.com/animate/ jQuery的 动画方法 animate() 的 step属性和progress属性的解读:http://www.imooc.com/article/13963查看全部
-
animate(下): .animate( properties, options ) 2:options参数: duration - 设置动画执行的时间 easing - 规定要使用的 easing 函数,过渡使用哪种缓动函数 step:规定每个动画的每一步完成之后要执行的函数 progress:每一次动画调用的时候会执行这个回调,就是一个进度的概念 complete:动画完成回调 ps: 如果多个元素执行动画,回调将在每个匹配的元素上执行一次,不是作为整个动画执行一次 常用的方式: $('#elem').animate({ width: 'toggle', height: 'toggle' }, { duration: 5000, specialEasing: { width: 'linear', height: 'easeOutBounce' }, complete: function() { $(this).after('<div>Animation complete.</div>'); } });查看全部
-
animate( properties, options ): options是指? duration - 设置动画执行的时间 easing - 规定要使用的 easing 函数,过渡使用哪种缓动函数 step:规定每个动画的每一步完成之后要执行的函数 progress:每一次动画调用的时候会执行这个回调,就是一个进度的概念 complete:动画完成回调查看全部
-
先是改变透明度,,再是display:none查看全部
举报
0/150
提交
取消