Чистий еквівалент JS для jQuery hide () / show ():
function hide(el) {
el.style.visibility = 'hidden';
return el;
}
function show(el) {
el.style.visibility = 'visible';
return el;
}
hide(document.querySelector(".test"));
// hide($('.test')[0]) // usage with jQuery
Ми використовуємо, return el
щоб задовольнити вільний інтерфейс "модель дизайну".
Ось робочий приклад .
Нижче я також надаю ВИСОКУ нерекомендовану альтернативу, яка, мабуть, є більш "близькою до питання" відповідь:
HTMLElement.prototype.hide = function() {
this.style.visibility = 'hidden';
return this;
}
HTMLElement.prototype.show = function() {
this.style.visibility = 'visible';
return this;
}
document.querySelector(".test1").hide();
// $('.test1')[0].hide(); // usage with jQuery
звичайно, це не реалізує jQuery "кожен" (вказано у відповіді @JamesAllardice ), оскільки тут ми використовуємо чисті js.
Робочий приклад тут .
.toggle()