jquery 플러그 인의 형식 을 모 의 합 니 다.

현재 회사 에 공공 구성 요 소 를 쓰 려 고 합 니 다. 자주 사용 하 는 도 구 는 대부분이 jquery 입 니 다. 일부 플러그 인 필터 도 jquery 를 기반 으로 쓰 이기 때문에 작업 중 에 다른 사람 이 쓰 는 플러그 인 을 확장 하 는 것 을 피 할 수 없습니다.다음은 플러그 인의 형식 을 간단하게 설명 하 겠 습 니 다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script src="lib/jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
//        ，      
(function($){
	$.fn.huangbiao=function(userSetting){
	//  jquery extend            ，           
		settings = jQuery.extend($.fn.huangbiao.defaultSetting,userSetting);
		
		function init(){
			alert("         ");
			myFunction(this);
		}
		
		function myFunction(obj){
			alert("            ");
			showSetting();
			privateFunc();
		}
		
		function showSetting(){
			alert(this.settings.name);
		}
		
		this.unbind('click').click(init);
		
		return this;
	}
	//            
	function privateFunc(){
		alert("i am private function!");
	}
	//          
	$.fn.huangbiao.openFunc=function(obj){
		alert("test");
	}
	/*
		           
		       $.fn.huangbiao    ，        
	*/
	$.fn.huangbiao.defaultSetting={
		name:"huangbiao",
		sex:"boy",
		age:24
	};
})($);

function useUndefault(){
	//         
	$("#undefault").huangbiao({name:"liumei",sex:"girl",age:24});
}

function useUndefault2(){
alert($.fn.huangbiao.defaultSetting.name);
	$.fn.huangbiao.defaultSetting.name="hanmeimei";
	alert($.fn.huangbiao.defaultSetting.name);
	//         
	$("#undefault2").huangbiao();
}

function useDefault(){
	//         
	$("#default").huangbiao();
}

function openFunction(){
	$("#default").huangbiao.openFunc();
}
</script>
<title>     </title>
</head>
<body>
<input type="button" value="useUndefault" id="undefault" onclick="useUndefault();"><br>
<input type="button" value="useUndefault2" id="undefault2" onclick="useUndefault2();"><br>
<input type="button" value="useDefault" id="default" onclick="useDefault();"><br>
<input type="button" value="          " id="openFuncId" onclick="openFunction();"><br>
</body>
</html>

그리고 다음은 jquery 에 관 한 문 서 를 제공 합 니 다. 도움 이 되 기 를 바 랍 니 다!

jquery 플러그 인의 형식 을 모 의 합 니 다.

좋은 웹페이지 즐겨찾기