Как создать плагин с классом?

Question

Следующий код будет создать плагин с методами

(function ($) { 

    $.fn.greenify = function(options) { 

     // This is the easiest way to have default options. 
     var settings = $.extend({ 
      // These are the defaults. 
      color: "#556b2f", 
      backgroundColor: "white" 
     }, options); 

     // Greenify the collection based on the settings variable. 
     return this.css({ 
      color: settings.color, 
      backgroundColor: settings.backgroundColor 
     }); 

    }; 

}(jQuery)); 

И мы можем использовать так:

$("div").greenify({ 
    color: "orange" 
}); 

Но я хочу знать, что-то вроде этого

<div class="pluginclass"></div> 

А потом это должен быть в соответствии с плагином, который просто использует класс в разметке, но не такой, как $('div').pluginclass();

Answer 1

Итак, вместо того, чтобы создавать функцию, которую должен вызывать пользователь, вы просто хотите запустить функцию во всех div, соответствующих вашему классу CSS? Это не будет отличаться от написания любого нормального JQuery скрипта:

(function ($) { 
    var settings = { color: "white", backgroundColor: "green" }; 
    $(".pluginclass").each(function() { 
     // Do work 
    }; 
    // Greenify the collection based on the settings variable. 
    $(".pluginclass").css({ 
     color: settings.color, 
     backgroundColor: settings.backgroundColor 
    }); 

}(jQuery)); 

Как только вы включите выше на странице, все .pluginclass дивы будет иметь их фон установлена ​​в зеленый и их цвет выбран белым.