>  기사  >  웹 프론트엔드  >  jquery 플러그인 Production_jquery의 간단한 예

jquery 플러그인 Production_jquery의 간단한 예

WBOY
WBOY원래의
2016-05-16 17:56:501117검색

1. 매개변수가 필요 없는 간단한 예,

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

//익명 함수 만들기
(function($){
//jQuery에 새 메서드 추가(자세한 내용은 참고 1 참조)
$.fn.extend({
//플러그인 이름
MyFirstName: function() {
//현재 일치하는 요소 컬렉션 반복
return this.each(function() {
var obj = $(this);//자신의 코드
});
)(jQuery)


$.fn.extend 및 $ .extend의 ​​차이점은 대략적으로 말하면 전자는 MyFirstName 메서드를 jquery 인스턴스 개체에 병합하는 것입니다. 예를 들어 $("#txtmy").add(3,4)는 메서드를 호출합니다. 후자는 MyFirstName 메서드를 jquery의 전역 개체(예: $.add(3,4))에 병합하는 것입니다. 이 메서드는
이라고 합니다. 자세한 내용은 (
http://www. jb51.net/article/29590.htm
)
2. 매개변수 포함


코드 복사 코드는 다음과 같습니다. //익명 함수 만들기
(function($){
//jQuery에 새 메서드 연결(자세한 내용은 참고 1 참조)
$.fn.extend({
//플러그인 이름
MyFirstName: function() {
//기본 매개변수 정의
Var parms={
Parms1:1,
Parms2:2
}
//사용자가 전달한 매개변수와 옵션으로 반환된 기본 매개변수를 병합합니다(자세한 내용은 참고 2 참조)
var options = $.extend(defaults, options) ;
//현재 일치하는 요소 컬렉션을 반복합니다
return this.each(function() {
//병합된 매개변수를 o에 할당
var o= options;
// 현재 일치하는 요소
var obj = $(this)//자신의 코드
})
)(jQuery); 🎜>
참고 2: var options = $.extend(defaults, options); 는 기본값 Merge를 옵션으로 바꾸는 것을 의미합니다. 후자가 전자와 동일한 이름의 요소를 갖는 경우 후자가 전자를 덮어씁니다. 이를 기본값으로 병합한 다음 기본값이 옵션에 할당됩니다. var options = $.extend({},defaults, options); 전자와 후자를 {} 매개변수에 병합한 다음 할당합니다. 기본 옵션의 구조와 값은 변경되지 않습니다.
자세한 차이점은 (
http://www.jb51.net/article/29591.htm
)을 참조하세요.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.