Jquery 플러그 인 학습 인 스 턴 스 1 플러그 인 제작 설명 및 tableUI 최적화

첫째,jQuery 제작 방식 에 대해 jQuery 는 개발 확장 을 위해 두 가지 방법 을 제시 했다.그것 이 바로 jQuery.extend(object)이다.jQuery 클래스 자 체 를 확장 하기 위해 클래스 에 새로운 방법 을 추가 합 니 다.jQuery.fn.extend(object);jQuery 대상 에 게 방법 을 추가 합 니 다.1.1.jQuery.fn.extend(object):jquery 참조 매 뉴 얼 의 연 결 된 예 를 참조 할 수 있 습 니 다.

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

사용:

 
$("input[type=checkbox]").check(); 
$("input[type=radio]").uncheck();

1.2,jQuery jQuery.extend(object)확장 jQuery 대상 자체.jQuery 네 임 스페이스 에 새 함 수 를 추가 하 는 데 사용 합 니 다.jQuery 코드:

 
$.extend({ 
min: function(a, b) { return a < b ? a : b; }, 
max: function(a, b) { return a > b ? a : b; } 
});

사용:

 
$.min(2,3); // => 2 
$.max(4,5); // => 5

2.tableUI 의 구체 적 인 플러그 인 예제 코드 는 다음 과 같 습 니 다.

 
/* 
* tableUI 0.2 
*        ，   
* Date: 4/1/2010 
*   tableUI              。              ，         
* 0.2   25     “  ”        ，    ，    。 
*/ 
(function($) { 
$.fn.tableUI = function(options) { 
//     
var defaults = { 
evenRowClass: "evenRow", 
oddRowClass: "oddRow", 
activeRowClass: "activeRow" 
}; 
//            
options = $.extend(defaults, options); 
//    
var thisTable = $(this); 
//        
thisTable.find("tr:even").addClass(options.evenRowClass); 
thisTable.find("tr:odd").addClass(options.oddRowClass); 
//        ，          。 
thisTable.live("mouseover", function(e) { 
//            tr 
$(e.target).parent().addClass(options.activeRowClass); 
//       
return false; 
}).live("mouseout", function(e) { 
$(e.target).parent().removeClass(options.activeRowClass); 
return false; 
}); 
}; 
})(jQuery);

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

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

Jquery에서 동일한 NAME 또는 id 행 삭제 작업 가져오기

//Jquery 같은 수를 가져오고 줄 수와 인자를 삭제합니다. //ID'''또는this를 통해 본 줄의 두 번째 tdeq를 획득(1) 0부터 $("#"+id+"").parents("tr").find("td:eq(1...

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

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

Jquery 플러그 인 학습 인 스 턴 스 1 플러그 인 제작 설명 및 tableUI 최적화

좋은 웹페이지 즐겨찾기