You might not need jQuery - 노트

1937 단어
요소 작업 jQuery
$(el).addClass(className);

JS
if(el.classList) {
    el.classList.add(className);
else
    el.className += " " + className;

jQuery
$(el).after(htmlString);

JS
el.insertAdjacentHTML('afterend', htmlString);

jQuery
$(el).before(htmlString);

JS
el.insertAdjacentHTML('beforebegin', htmlString);

element.insertAdjacentHTML(position, text)
insertAdjacentHTML () 은 지정한 텍스트를 HTML 또는 XML로 해석하고 결과 노드를 DOM 트리에서 지정한 위치에 삽입합니다.이것은 사용 중인 원소를 다시 해석하지 않기 때문에 원소 내의 기존 원소를 파괴하지 않는다.이것은 직접 inner HTML보다 더 빠른 동작을 할 수 있도록 추가 서열화 절차를 피합니다.
position은 원소에 대한 위치이고 문자열 중 하나여야 합니다.'beforebegin'원소 자체의 앞부분'afterbegin'이 원소 내부의 첫 번째 하위 노드를 삽입하기 전에'beforeend'가 원소 내부의 마지막 하위 노드를 삽입한 다음에'afterend'원소 자체의 뒷면
text는 HTML 또는 XML로 해석되어 DOM 트리에 삽입될 문자열입니다.
jQuery
$(el).find(selector).length;

JS
el.querySelector(selector) !== null

element = document.querySelector(selectors);
지정한 선택기 그룹과 일치하는 문서의 첫 번째 요소를 되돌려줍니다. (깊이 우선 순위로 문서의 노드를 훑어보고, 문서 표시줄의 첫 번째 요소를 통해 하위 노드의 순서대로 노드를 교체합니다.)
selectors는 하나 이상의 CSS 선택기를 포함하는 문자열입니다. 여러 개는 쉼표로 구분됩니다.
jQuery
$(selector).each(function(i, el){

});

JS
var elements = document.querySelectorAll(selector);
Array.prototype.forEach.call(elements, function(el, i){

});

elementList = document.querySelectorAll(selectors);
문서에서 지정된 선택기 그룹과 일치하는 모든 요소를 nodeList(object)로 반환합니다.
jQuery
$(el).hasClass(className);

JS
if (el.classList)
  el.classList.contains(className);
else
  new RegExp('(^| )' + className + '( |$)', 'gi').test(el.className);

좋은 웹페이지 즐겨찾기