Шаблон для своей jQuery:
function $(s){ return new Q(document.querySelectorAll(s)); }
function Q(x){
this.x = x;
this.toggle = function(v, c){
for(var i = 0; i < this.x.length; i++){
this.x[i].addEventListener(v, function(){
this.classList.toggle(c);
});
}
return this;
}
}
Используется так:
$('.class').toggle('click', 'class-active');
Остается только добавить методов. Например:
this.on = function(v, f){
for(var i = 0; i < this.x.length; i++){
this.x[i].addEventListener(v, f);
}
return this;
}
Теперь можно использовать так:
$('.class').toggle('click', 'class-active').on('click', function(){alert('1');});