Хорошо, я думаю, что в этом случае вам следует использовать jQuery или написать свои собственные методы в чистом javascript, я предпочитаю добавлять свои собственные методы, а не вставлять все jQuery в мое приложение, если мне это не нужно по другим причинам.
Я хотел бы сделать что-то похожее на приведенное ниже в качестве методов в моей инфраструктуре javascript, чтобы добавить несколько функций, которые обрабатывают добавление классов, удаление классов и т. Д., Аналогичных jQuery, это полностью поддерживается в IE9 +, также мой код написан на ES6, поэтому вы должны убедиться, что ваш браузер поддерживает его или вы используете что-то вроде babel, в противном случае вам нужно использовать синтаксис ES5 в вашем коде, также таким образом, мы находим элемент через ID, что означает, что элемент должен иметь идентификатор, который будет выбран :
//simple javascript utils for class management in ES6
var classUtil = {
addClass: (id, cl) => {
document.getElementById(id).classList.add(cl);
},
removeClass: (id, cl) => {
document.getElementById(id).classList.remove(cl);
},
hasClass: (id, cl) => {
return document.getElementById(id).classList.contains(cl);
},
toggleClass: (id, cl) => {
document.getElementById(id).classList.toggle(cl);
}
}
, и вы можете просто вызвать использовать их, как показано ниже, представьте, что ваш элемент имеет идентификатор 'id' и класс 'class', убедитесь, что вы передали их в виде строки, вы можете использовать утилиту, как показано ниже:
classUtil.addClass('myId', 'myClass');
classUtil.removeClass('myId', 'myClass');
classUtil.hasClass('myId', 'myClass');
classUtil.toggleClass('myId', 'myClass');