inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

스프링과 JPA 기반 웹 애플리케이션 개발

검색 뷰 개선

혹시라도 JQuery 가 아닌 순수 자바스크립트로 하고싶은 분들 계실까 남겨봅니다.

266

twosom
0

(function () {
const keyword = document.querySelector('#keyword').textContent;


const options = {
"each": function (element) {
setTimeout(function () {
element.classList.add('animate');
}, 300);
}
};

const context = document.querySelectorAll('.context');
const instance = new Mark(context);
instance.unmark({
done: function () {
instance.mark(keyword, options);
}
});

}());

이런식으로 하면 JQuery로 작성한 것과 같은 효과를 낼 수 있습니다.

답변 0