Question

我正在使用这行代码：

.hide().insertBefore("#placeholder").fadeIn(1000);

有没有办法让它成为一个函数或变量（非常肯定不能使用var，但我想问一下）所以我可以根据需要调用它吗？我知道我可以复制/粘贴，但它会使代码混乱，一遍又一遍地看到它。

我试过了：

function properDisplay() {
    .hide().insertBefore("#placeholder").fadeIn(1000);
}

但这并不奏效。

Answer 1

您需要将元素对象作为参数传递

＆＃13;

function properDisplay(ele) {
   $(ele).hide().insertBefore("#placeholder").fadeIn(1000);
}

＆＃13;

Answer 2

你可以把它变成一个插件：

$.fn.properDisplay = function(){
  return this.hide().insertBefore("#placeholder").fadeIn(1000);
};

用法：

$('#SomeElement').properDisplay();

Answer 3

function properDisplay(param) {
    $(param).hide().insertBefore("#placeholder").fadeIn(1000);
}

然后只需简单地调用它：

properDisplay(this);

Answer 4

你也可以把它变成一个jQuery插件：

$.fn.properDisplay = function(whereToInsert, delay) {
  if (delay === undefined) delay = 1000;
  return this.hide().insertBefore(whereToInsert).fadeIn(delay);
});

然后：

$(".something").properDisplay("#placeholder");

在插件中，this是对jQuery对象的引用，而不是DOM元素。插件的常规方法是返回jQuery对象，以便按照典型做法将函数链接起来。

将多个功能放在1个主要功能下

4 个答案: