一些常用的 js和jq的对比

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

}
}
// jq
$('.optionUl li').each(function () {
$(this).click(function () {

});
})

2.获取自定义属性
// js
var id = document.querySelector('.demo').dataset.id;

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

3.设置css属性
//js
document.querySelector('.demo').style.color = "red";
//jq
$('.demo').css("display")


4.获取src
<
adc4
span style="color:#736f5c;">//jq
var it = $('.captcha img').attr("src");
var it = $('.captcha img')[0].src;



5.改变className
//js
document.querySelector('.demo').className = "list";

//jq
$('.demo').css("display")