본문 바로가기
728x90
300x250
SMALL

javaScript/jQuery153

선택한 노드 스타일 변경 해당 노드에 색상 변경 스타일 추가 css script html 신규 페이지 헤더 신규 내용 일반 노드 찾기 id로 찾기 tag로 찾기 class로 찾기 속성으로 찾기 자식 노드 찾기 1. 모든 자식 노드 찾기 2. 특정 자식 요소만 찾기 3. 마지막 자식 요소 찾기 푸터 2023. 10. 10.
스크롤 하면 생성되는 top버튼 만들기 - jQuery 플러그인 스크롤 하면 생성되는 top버튼 jQuery 플러그인으로 만들기 Scroll to Top script (function($) { $.fn.scrollToTopButton = function() { var $button = this; // 버튼 클릭 시 페이지 상단으로 스크롤 $button.on('click', function() { $('html, body').animate({scrollTop: 0}, 500); }); // 문서의 스크롤 위치를 감지하여 버튼 표시/숨김 처리 $(document).scroll(function() { if ($(this).scrollTop() > 200) { $button.fadeIn(); } else { $button.fadeOut(); } }); return this;.. 2023. 10. 8.
jQuery 플러그인 구조 (function($){ $.fn.플러그인이름 = function(속성값){ this.each(function(index){ //기능구현 }) return this; } })(jQuery) jQuery 유틸리티가 jQuery 클래스 메서드로 만드는 것과 달리 jQuery 플러그인은 jQuery 클래스의 fn이란 곳에 플러그인을 만든다. 여기서 fn은 prototype을 줄여서 쓴 닉네임이다. jQuery.prototype.플러그인이름=function(){} 즉 위 와 같이 쓰는것과 같기 때문에 jQuery 플러그인은 jQuery 인스턴스 메서드와 동일한 구조를 가지고 있다. 같다고 볼 수 있다. 2023. 10. 5.
jQuery 유틸리티와 플러그인의 차이 제이쿼리(jQuery) 유틸리티와 플러그인은 모두 제이쿼리 라이브러리를 사용해서 웹 개발에서 일반적으로 활용하는 방법이다. 그러나 둘 사이에는 중요한 차이점이 있다. jQuery 유틸리티 jQuery 유틸리티는 주로 제이쿼리의 일반 함수 형태로 작성된다. 이런 함수들은 일반적으로 특정 작업을 수행하기 위한 도우미 개념의 함수로 사용된다. 예를들어, 특정 계산, 문자열 처리 또는 DOM 조작과 같은 작업을 수행하는 함수가 여기에 해당한다. 사용방법 (function($){ $.addCommas = function(value){ // 숫자에 천 단위로 콤마 추가하는 코드 // ... }; })(jQuery); jQuery 플러그인 jQuery 플러그인은 jQuery의 확장 기능으로, jQuery 객체의 메서.. 2023. 10. 3.
728x90
반응형
LIST