实用函数
视频锁定
{$ currentTime | date:'mm:ss' $}
{$ timeLeft | date:'mm:ss' $}
jQuery 除了提供对 DOM 操作的 API 之外,还提供了操作普通 JavaScript 对象的一些函 数,这些函数均已$.
开头,非常方便易用。这些实用函数包括:对字符串操作的函数,遍历对象的函数,过滤数组中元素等。
我们来看一些小例子:
var obj = {
a : 'apple',
b : 'borland',
c : 'cisco',
d : 'dell'
};
$.each(obj, function(name, value){
var li = $("<li></li>");
li.html("["+name+"]=["+value+"]");
li.appendTo(base);
});
遍历对象 obj,然后将其中的键值对拼装成一个字符串,添加到一个 panel 上:
$.grep/$.map
两个实用函数已经在第一小节做过基本的讲解,这里仅列举出两个函数的原型:
/**
* array : 要过滤的数组对象
* callback : 过滤条件
* invert : 是否启用反转,如果启用,则符合callback的将被过滤 */
$.grep(array, callback, invert);
/**
* array : 需要做转换的数组对象
* callback : 对数组中元素的映射函数
*/
$.map(array, callback);
有时候,我们可能需要合并数个对象为一个对象,覆盖其中重复的项等:
var obj1 = {
name : 'juntao',
last : 'qiu',
};
var obj2 = {
addr : 'unknown', title : 'unknown'
};
var obj3 = {
addr : 'KunMing, Yunnan, China'
};
result = $.extend({}, obj1, obj2, obj3);
$.each(result, function(name, value){
var li = $("<li></li>");
li.html("["+name+"]=["+value+"]");
li.appendTo(base);
});
obj1, obj2, obj3 的属性被合并在一起,并且 obj3 中的 addr 属性覆盖了 obj2 中的 addr 属性。
总而言之,jQuery 是一个小巧,实用,易用且功能强大的框架。使用它,可以将原本复杂难懂的 JavaScript 代码压缩至很小,而且更容易维护,代码更加优美。jQuery 可以称得 上是 web 上的 lisp。
在线练习
{$ activeFileHint $}