jQuery 없이 Javascript 작성할 때 좋은 참조
- created
- category
- etc
http://youmightnotneedjquery.com/
간단하게 trigger
처리만 할 코드인데 jQuery
를 굳이 쓰고 싶지 않아서 순수하게 자바스크립트로는 어떻게 하나 검색해보다 발견한 사이트인데 정리가 매우 잘되어 있는 것 같다.
예를 들어 이번처럼 트리거를 jQuery
를 사용하지 않고 Javascript
로 처리하면…
if (!$('#targetContainer').hasClass('targetClass')) {
return;
}
$('.targetElement').eq(0).trigger('click');
를
if (!doc.getElementById('targetContainer').classList.contains('targetClass')) {
return;
}
var event = doc.createEvent('HTMLEvents');
event.initEvent('click', true, false);
doc.querySelector('.targetElement').dispatchEvent(event);
코드가 매우 늘어나긴 한데, 이해하는 재미가 있어서 뭐 이정도면 jQuery없이 쓸만한듯.
근데 사실 트리거는 jQuery의 트리거가 워낙 간단하다보니 ajax와 더불어 jQuery를 완전히 못 놓는 이유가 되는듯