jQuery was once made during browser wars, when different browsers implemented DOM selectors in different ways. Today, all major browsers use the official standards and the standards include functions to query the DOM. That's why jQuery is nothing more than bloat today (32KB of bloat, to be precise!).
const $ = document.querySelector;
const ele = $('div.user-panel.main input[name=login]');
ele.value = 'Hello World';
Further reading: