js和jq的对比实例

本文主要和大家分享js和jq的对比实例 ，主要以代码的形式和大家分享，希望能帮助到大家。

1.遍历 / 事件

//  js
var liList = document.querySelector('ul').querySelectorAll('li');
for(var i = 0; i <p>2.获取自定义属性</p><pre class="brush:php;toolbar:false">// 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有什么区别