本文主要和大家分享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属性
//jsdocument.queryselector('.demo').style.color = "red";//jq$('.demo').css("display")
4.获取src
//jq var it = $('.captcha img').attr("src"); var it = $('.captcha img')[0].src;
5.改变classname
//jsdocument.queryselector('.demo').classname = "list";//jq$('.demo').css("display")
相关推荐：
js和jquery知识点汇总
js和jquery注册信息的验证功能实现代码
js和jquery有什么区别
以上就是js和jq的对比实例的详细内容。