You might not need 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);
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.