javascript - 按类将函数应用于 div

Question

我认为我这样做是对的，但它不起作用。我觉得我很愚蠢...

function expand(){

var wide = $(this).css('width');    
var high = $(this).css('height');

var newwide = wide * 10;
var newhigh = high * 10;

$(this).animate({'width':newwide,'height':newhigh}, 2000);

}

$('.object1').expand();

我只想在类为“object1”的 div 上运行这个“扩展”函数，我做错了什么？

谢谢

Answer 1

在 jQuery 中，要添加自定义函数，您可以这样做:

(function($){

  $.fn.myFunction = function() {
    //Custom Function
  }

})(jQuery);

因此，您的代码应如下所示:

(function($){
$.fn.expand = function() {

var wide = $(this).css('width');    
var high = $(this).css('height');

var newwide = wide * 10;
var newhigh = high * 10;

$(this).animate({'width':newwide,'height':newhigh}, 2000);

}
})(jQuery);

Learn More