728x90 300x250 javaScript/jQuery148 스크롤 하면 생성되는 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. 3자리 수마다 콤마 추가 하는 jQuery 유틸리티 jQuery 유틸리티란? https://moo-you.tistory.com/957 jQuery 유틸리티 jQuery 유틸리티는 jQuery 라이브러리의 일부로서, trim()메서드와 같이 웹 개발을 더 쉽게 하고 다양한 웹페이지 조작 및 상호 작용 작업을 단순화 하는 데 사용되는 다양한 기능 및 도구를 제공하는 moo-you.tistory.com 3자리수마다 콤마 추가 하는 jQuery 유틸리티 (function($) { $.fn.addCommas = function(value) { // 숫자를 문자로 형변환 var data = value + ""; // 문자를 배열로 만들기 var charArray = data.split(""); // 배열 요소를 뒤에서 3자리 마다 콤마 추가 var startInde.. 2023. 10. 2. 이전 1 2 3 4 5 6 ··· 37 다음 728x90 반응형