js와 jq의 비교 예

//  js
var liList = document.querySelector('ul').querySelectorAll('li');
for(var i = 0; i < liList.length; i++){
    liList[i].onclick = function () {

    }
}
// jq
$(&#39;.optionUl li&#39;).each(function () {
    $(this).click(function () {
        
    });
})

// js
var id = document.querySelector('.demo').dataset.id;

// jq
var id = $('.demo').data('id');

//jsdocument.querySelector('.demo').style.color = "red";//jq$('.demo').css("display")