Как переписать код js чистого на jquery?

Question

[ART4]

Добрый день, подскажите книжку где перевести код на jquery с обычного js.
Сам код

document.querySelector('#myselect').addEventListener('change', function() {
        const f = this.querySelector(`[value="${this.value}"]`).getAttribute('for');
        document.querySelector('#mydiv').innerHTML = `Вес брутто*: ${f} кг`;
    });

Comments

[alex]

youmightnotneedjquery.com

[Andrew]

Только мне смешно читать заголовок вопроса?)

[ART4]

Alex, Спасибо помогло

[Владимир Коротенко]

Alex, Да нам нужна лапша из селекторов, дополненная полифилами, и приправленная обработкой исключительных ситуаций. ;)

ART4 мигрируете код где все на JQuery?

[ART4]

Владимир Коротенко, Не, там впилить надо в один кусок и странно только в jquery проходит. В php

[alex]

Владимир Коротенко, wut?

Answer 1

[0xD34F]

Варианты тут такие:

1. Погуглить jq аналоги нативных функций или хотя бы на https://youmightnotneedjquery.com/ заглянуть, и переписать самостоятельно
   
2. Отправиться на фриланс, заплатить денег
   
3. Подождать, пока кто-нибудь тут над вами не сжалится и не напишет код просто так (это я и сам сделаю, но чуть позже, не сегодня)
   

UPD.

$('#myselect').change(function() {
  $('#mydiv').text(`Вес брутто*: ${$(':selected', this).attr('for')} кг`);
});

Answer 2

[Одиночка Айс]

В голом js не силен, но как-то так:

$('#myselect').on('change', function() {
        var f = $('#myselect').find('[value="' + $('#myselect').val() + '"]').attr('for');
        $('#mydiv').html('').html('Вес брутто*: ' + f + ' кг');
});

В частности, я хз от чего берется this.value, поэтому предположил что от селектора.

Answer 3

[Gor Mkhitaryan]

Так почитайте документацию jQuery и все сразу станет понятно. Заменяйте селекторы на селекторы из jQuery, addEventListener на on и innerHtml на html().