jQuery - jQuery.fn 객체

99·2024년 11월 4일

jQuery(제이쿼리)

목록 보기
1/3
post-thumbnail

📌 jQuery.fn 객체

jQuery.fn.egovTable = function(config){
  // 예시코드
}

1. 의미

jQuery.fn은 jQuery의 프로토타입 객체를 의미합니다. 이 객체에 메서드를 추가하면, 모든 jQuery 객체에서 해당 메서드를 사용할 수 있게 됩니다. 예를 들어, jQuery.fn.egobTable이라는 함수는 jQuery의 플러그인으로 동작하게 됩니다.

2. 예시코드에서의 egovTable함수 정의

  • egovTable은 사용자 정의 플러그인 이름입니다. 이 플러그인을 통해 config 매개변수를 받아 다양한 설정을 적용할 수 있습니다.
  • function(config)은 이 플러그인의 메인 함수이며, 사용자가 설정 값을 전달할 수 있도록 구성된 부분입니다.


📖 사용 예시

예를 들어, jQuery에 커스텀 메서드를 추가할 때 jQuery.fn을 활용할 수 있습니다.

jQuery.fn.myCustojmMethod = function(){
	this.css("color","red"); //  선택된 요소의 텍스트 색상을 빨간색으로 변경
  	return this; // 메서드 체이닝을 위해 this를 반환
};

// 사용법
$("p").myCustomMethod(); // 모든 <p>요소의 텍스트가 빨간색으로 변경됩니다.

이처럼 jQuery.fn을 사용하면 기존 jQuery 메서드처럼 동작하는 새 메서드를 쉽게 정의할 수 있습니다.

profile
99

0개의 댓글