본문 바로가기
728x90
300x250

javaScript/jQuery148

detach() 메서드 detach() 메서드는 jQuery에서 사용되는 메서드로 선택한 요소를 DOM에서 제거하지만 데이터와 이벤트 핸틀러를 유지한 채로 요소를 반환한다. 예시를 보자 이 요소는 제거될 것입니다. 다음 코드는 example 클래스를 가진 div 요소를 선택하고 detach()를 사용해서 해당 요소를 dom에서 제거한다. $(document).ready(function() { var detachedElement = $('.example').detach(); // 요소가 DOM에서 제거되었지만, 변수 detachedElement에는 요소의 복사본이 남아 있다. }); 이렇게 하면 '.example'클래스를 가진 div 요소가 DOM에서 제거되지만 'detachedElement'변수에는 그 요소의 복사본이 남아있기.. 2023. 11. 12.
한줄 공지사항 상하 롤링 - 비공개 보호되어 있는 글 입니다. 2023. 10. 22.
클래스 기반 플러그인 문법 구조 (function($){ function MyClass(){ this.프로퍼티1; this.프로퍼티2; ... } MyClass.prototype.메서드1=function(){ } Myclass.prototype.메서드2=function(){ } $.fn.플러그인이름=function(){ this.each(function(index){ var obj = new MyClass(); // 플러그인 구현 코드가 들어있는 클래스 인스턴스를 생성 }) } })(jQuery); 위의 문법같이 작성하면 메서드를 모두 prototype에 만들기 때문에 만들어져 있는 메서드를 공유해서 사용한다. 즉 메서드를 한번만 만들어서 공유해서 사용할 수 있기 때문에 함수기반 플러그인이 가지고 있던 문제점을 해결할 수 있다. 2023. 10. 17.
선택한 노드 스타일 변경 해당 노드에 색상 변경 스타일 추가 css script html 신규 페이지 헤더 신규 내용 일반 노드 찾기 id로 찾기 tag로 찾기 class로 찾기 속성으로 찾기 자식 노드 찾기 1. 모든 자식 노드 찾기 2. 특정 자식 요소만 찾기 3. 마지막 자식 요소 찾기 푸터 2023. 10. 10.
728x90
반응형