js和jq的对比实例

小云云原创: 2018-03-26 16:26:111529浏览

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

1.遍历 / 事件

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

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

2.获取自定义属性

// js
var id = document.querySelector(&#39;.demo&#39;).dataset.id;

// jq
var id = $(&#39;.demo&#39;).data(&#39;id&#39;);

3.设置css属性

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

4.获取src

//jq var it = $(&#39;.captcha img&#39;).attr("src"); var it = $(&#39;.captcha img&#39;)[0].src;

5.改变className

//jsdocument.querySelector(&#39;.demo&#39;).className = "list";//jq$(&#39;.demo&#39;).css("display")

js和jq的对比实例

相关文章