jQuery_jquery를 사용하여 위젯 작성에 대한 몇 가지 팁 공유

1. 위젯을 작성할 때 일반적으로 일부 이벤트를 바인딩해야 합니다. 이러한 위젯의 바인딩 이벤트를 현재 위젯의 네임스페이스에 추가하는 것이 가장 좋습니다. 동일한 jQuery 객체가 두 개의 위젯과 함께 사용되고 두 위젯이 모두 동일한 이벤트 이름에 바인딩된 경우 문제가 발생할 수 있습니다. 위젯을 삭제할 때 바인딩 이벤트를 제거하는 것도 매우 편리합니다. 바인딩 해제(".namespace")만 필요합니다.
2. jQuery를 작성할 때 jQuery 객체는 연속 쓰기를 지원하기 때문입니다. 예: $(obj).css("height","20px").attr("title","abc")....
3. 글쓰기 .

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

switch(a)
{
케이스 "aa":
　this._set_aa();
　break
케이스 "bb":
　break


위 코드는 다음 코드로 대체 가능

코드 복사

코드는 다음과 같습니다. this["_set_" a]();

4. jQuery 개체 및 다양한 변수를 캐시해 보세요. 이는 스크립트의 성능을 향상시킬 수 있습니다

5. 변수를 사용하여 이 포인터를 캐시하면 코드가 최소화될 수 있습니다.
6. CSS 클래스에 일관된 이름을 지정한 다음 변수를 정의하고 저장하는 것이 가장 좋습니다. 변수 사용시 직접 사용하므로 CSS 이름을 조정하더라도 변수 캐시 값만 변경하면 됩니다. 동시에 최소화하면 코드 크기도 줄일 수 있습니다.
7. Option 설정 시, 옵션이 단순한 값 객체가 아닌 복잡한 객체라면 단순히 this.options[key]=value를 사용하지 않는 것이 가장 좋습니다. 이전 옵션의 값을 확장한 다음 할당하여 복합 개체의 원래 값 중 일부를 유지할 수 있습니다. 예:

코드 복사

코드는 다음과 같습니다. var a = {width: 120,높이: 200}; var c={width:200}; a=c;

a=$.extend(a,c)

결과는 첫 번째입니다. 첫 번째 a는 {width:20}이며, 높이:200을 잃고 아래 a는 원래 높이:200을 계속 유지합니다.