Классы в js доступные из любого js файла и jquery?

Question

[OneTwoThreeFourFive]

Я создал js файл и написал несколько классов. Методы класса взаимодействуют с элементами DOM с помощью jQuery. Эти классы можно использовать из других js файлов на сайте. Нормально ли так писать?

var $ = jQuery;

class Name1 {
	constructor(item) {
		this.item = $(item);
	}

	getItem() {
		console.log(this.item);
	}
}

В другом файле

jQuery( function($) {
	var item_name1 = new Name1('.item');
	item_name1.getItem();
});

Comments

[TheOnlyFastCoder2]

Нормально . Но советую jq(Мусор) не использовать на сегодняшний день .

[OneTwoThreeFourFive]

TheOnlyFastCoder2, Что посоветуете вместо jq?

[TheOnlyFastCoder2]

OneTwoThreeFourFive,
Если вам так нравится обращение через $ , то можно так сделать
const $ = document.querySelector.bind(document)
const $$ = document.querySelectorAll.bind(document)
$(".myElement")

[TheOnlyFastCoder2]

OneTwoThreeFourFive, А для чего вы используете jq в чем его привлекательность ?

[edward_freedom]

TheOnlyFastCoder2, что не так в jq? Если не используешь реакт или ангуляр, jq отличный вариант

[TheOnlyFastCoder2]

edward_freedom, В чем он хорош ? Что может jq , чего не может native js ?
причем тут react ? Ок я могу создать спокойно компонент на native js .
что то еще ?

const component = ({html,indicator}) => {
    const dom = new DOMParser().parseFromString(html, "text/html");
    return dom.querySelector(indicator)
}

const task = (text,id) => component({
    indicator: ".toDoList__list_task",
    html:`
        <li class="toDoList__list_task">
            <div class="toDoList__task_info">
                <span class="toDoList__task_id">#${id}</span>
                <div class="toDoList__task_text"><input value="${text}" readonly></div>
            </div>
            <div class="toDoList__task_panel">
                <button class="toDoList__task_del">+</button>
                <button class="toDoList__task_done">done</button>
            </div>
        </li>
    `
})

[TheOnlyFastCoder2]

edward_freedom, jq это мусор который грузит web-сайт

[edward_freedom]

TheOnlyFastCoder2, удобная библиотека для работы с дом, грузит он максы 100 кб и то один раз, дальше кешируется. (Пробел перед знаками препинания и знаком вопроса не пишется)

[TheOnlyFastCoder2]

edward_freedom, в чем состоит удобство ? Но мы уже выяснили , что она все равно грузит сайт

[edward_freedom]

TheOnlyFastCoder2, файл, который будет использовать ванильный js, тоже будет подгружаться