>웹 프론트엔드 >JS 튜토리얼 >Jquery의 확장 방법 요약_jquery

Jquery의 확장 방법 요약_jquery

WBOY
WBOY원래의
2016-05-16 18:01:271228검색

1. 메소드 목록:
1.jQuery.extend(Object); // jQuery 자체 확장 메소드
2.jQuery.fn.extent(Object); // jQuery가 선택한 객체 확장 메소드
2 , 호출 예:
 1. jQuery 자체의 확장 메소드 예는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

jQuery.extend({
Meg: 함수(메시지) {
alert(메시지);
},
MegToo: 함수(messageToo) {
Alert(messageToo) ;
}
});

페이지 호출: jQuery.Meg("Hi,Stone")
여기서 Meg와 MegToo는 내 jQuery 사용자 정의 확장입니다. 방법, 여러 확장 방법은 쉼표로 구분됩니다.
 2. jQuery 선택 객체 확장 방식을 작성하는 방법은 두 가지가 있습니다.
  a) jQuery가 선택한 객체 확장 방법 예시는 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.

jQuery.fn.extend({
ShowHtml: function (showhtml) {
jQuery(this).html(showhtml);
}
}); >
페이지 호출: jQuery("#htmlDiv").ShowHtml("Stone, Hi!")
여기서 ShowHtml은 선택한 jQuery 객체의 확장 메서드이며 여러 확장 메서드는 다음으로 구분됩니다. 영어 쉼표
b) jQuery가 선택한 객체 확장 메서드 인스턴스 2 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.
(함수(jq) {
jq.fn.ShowHtmlToo = 함수(showhtml) {
jQuery(this).html(showhtml);
};
})(jQuery)

호출은 방법 1과 동일합니다. jQuery("#htmlDiv").ShowHtmlToo("Stone, Hi!")
【Stone 제작 및 구성】
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.