Jquery js two


o$.grep(array, fn, inv)
使用筛选函数,从一个数组中筛选项目。 其中筛选函数必须传递两个参数:数组中的当前项目和数组中项目的索引。
如果要保持数组中的项目,这个函数必须返回true;如果返回false,就会删除项目。
返回值
Array
参数
array (Array): 要在其中查找项目的数组
fn (Function): 处理数组项目的函数
inv (Boolean): 反转选项 - 选择相反的筛选结果
示例
jQuery 代码:
$.grep( [0,1,2], function(i){ return i > 0; });
结果:
[1, 2] //过滤掉 0

________________________________________________________________________________________________________________________________________________________________________________________________________
o$.map(array, fn)
把一个数组中的项目转换到另一个数组中。 作为参数的转换函数会被每个数组项目调用,而且会给这个转换函数传递一个表示要转换的项目的参数。
转换函数可以返回转换后的值、null(删除数组中的项目)或一个包含值的数组--表示对原始数组项目的扩展模式。
返回值
Array
参数
array (Array): 要转换的数组
fn (Function): 处理数组项目的函数
示例
说明:
把原始的数组映射到一个新数组中,并给新数组中的每个值都加上4。
jQuery 代码:
$.map( [0,1,2], function(i){ return i + 4; });
结果:
[4, 5, 6]

说明:
把原始的数组映射到一个新数组中,如果新数组中的值大于0,就给这个值加上1;否则将这值删除。
jQuery 代码:
$.map( [0,1,2], function(i){ return i > 0 ? i + 1 : null; });
结果:
[2, 3]

说明:
把原始的数组映射到一个新数组中,将新数组中的每一个元素都扩展为两个,其中一个是其原始值,另一个是加上1之后的值。
jQuery 代码:
$.map( [0,1,2], function(i){ return [ i, i + 1 ]; });
结果:
[0, 1, 1, 2, 2, 3]


________________________________________________________________________________________________________________________________________________________________
o$.merge(first, second)
合并两个数组,删除其中重复的项目。 得到的新数组是:第一个数组中的所有项目,加上第二个数组中唯一的(不与第一个数组中任何项目相同的)项目。
返回值
Array
参数
first (Array): 要合并的第一个数组
second (Array): 要合并的第二个数组
示例
说明:
合并两个数组,删除其中重复的2
jQuery 代码:
$.merge( [0,1,2], [2,3,4] )
结果:
[0,1,2,3,4]
说明:
合并两个数组,删除重复的3和2。
jQuery 代码:
$.merge( [3,2,1], [4,3,2] )
结果:
[3,2,1,4]

________________________________________________________________________________________________________________________________________________________________

o$.trim(str)
删除字符串两端的空白字符。

________________________________________________________________________________________________________________________________________________________________

oanimate(params, speed, easing, callback)
用于创建自定义动画的函数。这个函数的关键在于指定动画形式及结果样式属性对象。
这个对象中每个属性都表示一个可以变化的样式属性(如“height”、“top”或“opacity”)。
而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值,样式属性就会从当前的值渐变到指定的值。
如果使用的是“hide”、“show”或“toggle”这样的字符串值,则会为该属性调用默认的动画形式。
返回值
jQuery
参数
params (Hash): 一组包含作为动画属性和终值的样式属性和及其值的集合
speed (String|Number): (可选) 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
easing (String): (可选) 要使用的擦除效果的名称(需要插件支持).
callback (Function): (可选) 在动画完成时执行的函数
示例
jQuery 代码:
$("p").animate({ height: 'toggle', opacity: 'toggle' }, "slow");
jQuery 代码:
$("p").animate({ left: 50, opacity: 'show' }, 500);
说明:
一个使用“擦除”函数提供不同动画样式的例子。只有在一个插件可以提供这个“擦除”函数(jQuery库中默认只提供“linear”函数)的情况下才有效。
jQuery 代码:
$("p").animate({ opacity: 'show' }, "slow", "easein");

________________________________________________________________________________________________________________________________________________________________________________________________________
ofadeIn(speed, callback)
通过不透明度的变化来实现所有匹配元素的淡入效果,并在动画完成后可选地触发一个回调函数。
这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。
返回值
jQuery
参数
speed (String|Number): (可选) 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
callback (Function): (可选) 在动画完成时执行的函数
示例
jQuery 代码:
$("p").fadeIn("slow");
jQuery 代码:
$("p").fadeIn("slow",function(){ alert("Animation Done."); });

________________________________________________________________________________________________________________________________________________________________
ofadeOut(speed, callback)
通过不透明度的变化来实现所有匹配元素的淡出效果,并在动画完成后可选地触发一个回调函数。
这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。
返回值
jQuery
参数
speed (String|Number): (可选) 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
callback (Function): (可选) 在动画完成时执行的函数
示例
jQuery 代码:
$("p").fadeOut("slow");
jQuery 代码:
$("p").fadeOut("slow",function(){ alert("Animation Done."); });

________________________________________________________________________________________________________________________________________________________________________________________________________
ofadeTo(speed, opacity, callback)
把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,并在动画完成后可选地触发一个回调函数。
这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。
返回值
jQuery
参数
speed (String|Number): 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
opacity (Number): 要调整到的不透明度值(0到1之间的数字).
callback (Function): (可选) 在动画完成时执行的函数
示例
jQuery 代码:
$("p").fadeTo("slow", 0.5);

jQuery 代码:
$("p").fadeTo("slow", 0.5, function(){ alert("Animation Done."); });

________________________________________________________________________________________________________________________________________________________________________________________________________

oshow(speed, callback)
以优雅的动画显示所有匹配的元素,并在显示完成后可选地触发一个回调函数。 可以根据指定的速度动态地改变每个匹配元素的高度、宽度和不透明度。
返回值
jQuery
参数
speed (String|Number): 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
callback (Function): (可选) 在动画完成时执行的函数
示例
jQuery 代码:
$("p").show("slow");
jQuery 代码:
$("p").show("slow",function(){ alert("Animation Done."); });

________________________________________________________________________________________________________________________________________________________________________________________________________

oslideDown(speed, callback)
通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数。
这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式显示出来。
返回值
jQuery
参数
speed (String|Number): (可选) 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
callback (Function): (可选) 在动画完成时执行的函数
示例
jQuery 代码:
$("p").slideDown("slow");
jQuery 代码:
$("p").slideDown("slow",function(){ alert("Animation Done."); });

________________________________________________________________________________________________________________________________________________________________________________________________________

oslideToggle(speed, callback)
通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数。 这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式隐藏或显示。
返回值
jQuery
参数
speed (String|Number): (可选) 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
callback (Function): (可选) 在动画完成时执行的函数
示例
jQuery 代码:
$("p").slideToggle("slow");
jQuery 代码:
$("p").slideToggle("slow",function(){ alert("Animation Done."); });

________________________________________________________________________________________________________________________________________________________________________________________________________

oslideUp(speed, callback)
通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数。
这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式隐藏起来。
返回值
jQuery
参数
speed (String|Number): (可选) 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
callback (Function): (可选) 在动画完成时执行的函数
示例
jQuery 代码:
$("p").slideUp("slow");
jQuery 代码:
$("p").slideUp("slow",function(){ alert("Animation Done."); });

优质内容筛选与推荐>>
1、C++ dll调用-动态(显式)
2、Atitit.index manager api design 索引管理api设计
3、Java开发环境之------MyEclipse安装完成后第一步--->设置页面默认编码等等(重点!!!)
4、【带权二分】bzoj2654 tree
5、超市收银系统设计思路


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号