JQuery 쓰기 확장

1641 단어

토대$.extend() 확장 JQuery 정적 방법, $.fn.extend() 확장 JQuery 실례 방법 정적 방법:

$.extend({
  sayName:function() {
    console.log("My name is JQuery");
  } 
});

$.sayName();  //"My name is JQuery"

인스턴스 메서드:

$.fn.extend({
  check: function() {
    return this.each(function(){
      this.checked=true;
    });
  }
});

$("input[type='checkbox']").check();   //  checkbox

extend 매개 변수
**src1, src2...srcN의 모든 항목은 dest로 통합되고 통합된 대상을 되돌려줍니다.

extend(dest, src1, src2...srcN);

예.

var dest = {name:"job", age:20}, src1={name:"tom", live:"Beijing"};

$.extend(dest, src1);

console.log(dest);  //{name: "tom", age: 20, live: "Beijing"}

이 방법은 플러그인을 쓸 때 자주 사용합니다.

(function($){
  $.fn.extend({
    dralog: function(options) {
      var default = {
        width: 100,
        height: 100
      };

      var style = $.extend({}, default, options);

      console.log(style);

      $("div").css(style);
    }
  });
})(jQuery);

$().dralog({
  width: 200,
  height: 200
});

extend에 인자가 하나만 있을 때
dest의 모든 항목을 jquery 전역 대상에 통합합니다.

extend(dest);

$.fn.extend(dest)
dest의 각 항목을 JQuery 인스턴스에 결합

$.fn.extend({name:'tom'});

extend의 첫 번째 인자가boolean일 때
Boolean이 true일 경우 깊이 복사, false일 경우 얕은 복사

extend(Boolean, src1, src2...srcN);

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다