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

Jquery의 확장 방법 요약_jquery

WBOY
풀어 주다: 2016-05-16 18:01:27
원래의
1189명이 탐색했습니다.

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 제작 및 구성】
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿