js和jq的比較實例

本文主要和大家分享js和jq的比較實例 ，主要以程式碼的形式和大家分享，希望能幫助大家。

1.遍歷/ 事件

//  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 () {
        
    });
})

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的比較實例的詳細內容。更多資訊請關注PHP中文網其他相關文章！