将简单的JavaScript插件附加到多个html元素

时间:2015-10-19 14:40:51

标签: javascript jquery plugins

假设我想创建一个简单的JavaScript插件。

  var myPlainJsPlugin = (function (param1,param2) {
   /*code here*/
 });

如何在加载文档后将此插件附加到所有带有“elmClass”类,而不是 jQuery的元素?

我说的主要是关于制作普通JavaScript插件并使用类似来使用jQuery插件:

$('.elmClass').jQueryPlugin(); 

我正在尝试放弃某个项目的jQuery。

2 个答案:

答案 0 :(得分:0)

 window.onload = function(){
     var els = document.getElementsByClassName("elmClass");

     Array.prototype.forEach.call(els, function(el) {
           // Add code here 
           // e.g: el.onclick = doSomething();
     });
 };    `

`

来源:Link

答案 1 :(得分:0)

试试这个:

    var elemtsWithClass = document.querySelectorAll(".elmClass");
    for(var x=0; x<elemtsWithClass.length; x++){
            elemtsWithClass[x].addEventListener("click", function(e) {}); 
    });