input[type=text]

select

let value = $("#element_id").val();

let value = document.getElementById('element_id').value;'

5

input[type=text]

select

$("#element_id").val(5);

let value = document.getElementById('element_id').value = 5;'

let is_checked = $("#element_id").is(":checked");

let is_checked = document.getElementById('element_id').checked

let content = $("#element_id").html();

let content = 
 document.getElementById('element_id').innerHTML

$("#element_id").html('some html');

document.getElementById('element_id').innerHTML = 'some html'

placeholder

$('#element_id').attr('placeholder');

document.getElementById('element_id').getAttribute('placeholder');

placeholder

$('#element_id').attr('placeholder', 'new placeholder');

document.getElementById('element_id').placeholder = 'new placeholder';

$("#element_id").toggle();

document.getElementById('element_id').classList.toggle("hide");

.hide {
	display: none !important;
}

radio

let result = jQuery('input:radio[name=vote]:checked').val();

let result = document.querySelector('input[name=vote]:checked').value;

i

element_id

let icon = $("#element_id").find('i');

document.getElementById('element_id').querySelector('i');

data-value

datalist

value

$('#datalist_id [value="selected text"]').data('value');

document.querySelector('#datalist_id option[value="selected text"]').getAttribute('data-value')

let el = $('#element')
if(el.hasClass('arrow-down')) {
    el.removeClass('arrow-down');
    el.addClass('arrow-up');
} else {
    el.addClass('arrow-down');
    el.removeClass('arrow-up');
}

let el = document.getElementById('element')
if (el.classList.contains('arrow-up')) {
    el.classList.remove('arrow-up');
    el.classList.add('arrow-down');
} else {
    el.classList.add('arrow-up');
    el.classList.remove('arrow-down');
}

$.ajax({
    url:'demo_get.asp',
    success:function(sms){
        $('#demo').html(sms);                        
    }
});

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        document.getElementById("demo").innerHTML = this.responseText;
    }
};
xhttp.open("GET", "demo_get.asp", true);
xhttp.send();

$('#element').on('mouseover', function(){
    console.log('mouse over');
});

document.getElementById('element').addEventListener('mouseover', function(){
    console.log('mouse over');
});

$('html, body').animate({scrollTop:($('#element').position().top)}, 400);

function scrollDownToElement(el) {

    // Milliseconds per move 
    let pm = 50;

    // Padding from top
    let mft = 150;

    // Total animation milliseconds
    let scroll_ms = 500;

    // Calculates target element top position
    let bd_pos = document.body.getBoundingClientRect();
    let el_pos = document.getElementById(el).getBoundingClientRect();
    let height = el_pos.top-bd_pos.top-mft;

    // Calculates per move px
    let spm = height / (scroll_ms / pm);

    // The animation counter to stop
    let spmc = 1;
    let scroll_timer = setInterval(function() {

        // Moves down by {spm} px
        window.scrollBy(0, spm);
        spmc++;

        // Stops the animation after enough iterations
        if (spmc > (scroll_ms / pm)) {
            clearInterval(scroll_timer);
        }
    }, pm);
}
scrollDownToElement('element');

jquery-1.7.2.min.js

jquery-3.5.1.min.js

$("#element").keyup(function(event){
    if(event.keyCode == 13)
        someAction('param');
    }
});