如何使用括号和参数创建自定义jquery函数

时间:2014-02-17 20:05:33

标签: javascript jquery parameters extend

我知道我的问题需要更多澄清,所以让我解释一下:

当我访问$ .fn.extend的jquery api文档时,我个人感到震惊的是创建这样的自定义jquery函数是多么容易:

$('input[type="checkbox"]').check();

此处链接:http://api.jquery.com/jquery.fn.extend/

但是如果你想为这个函数添加功能(双关语):

check({ timer: 1000, redo: 4000, displayAt: 'someID' });

// filler parameters

你准备怎么做?

另外,你如何创建一个像check({ ... });这样的函数,它不依赖于任何特定的jquery选择器,而是像这样的常规函数​​一样被调用:

displayRandomNumber({ min: 0, max: 100, displayAt: 'someID'}); 

// so no jquery selector in front.

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

如果您想使用:

check({ timer: 1000, redo: 4000, displayAt: 'someID' });

使用jquery.fn.extend,您的函数将被声明为:

check: function(options) {
    // Get the timer value
    var timerValue = options.timer;
    // Get the redo value
    var redoValue = options.redo;
    ...
}

独立,它看起来像这样:

function check(options) {
    // Get the timer value
    var timerValue = options.timer;
    // Get the redo value
    var redoValue = options.redo;
    ...
}