js와 jq의 비교 예

이 글은 주로 코드 형태로 js와 jq의 비교 예를 여러분과 공유합니다. 모두에게 도움이 되기를 바랍니다.

1. Traverse / events

//  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');

4. src

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

가져오기 관련 권장사항:

js 및 jquery 요약 지식 포인트

JS와 jQuery 등록 정보 확인 기능 구현 코드

JS와 JQUERY의 차이점은 무엇인가요

위 내용은 js와 jq의 비교 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!