您的位置：首页 > Web前端 > JQuery

jquery插件学习1

2014-05-14 21:31 260 查看
插件的一些基本要求。

(function($){
/*
1.插件的参数配置,可以将外面传进来的配置与内部默认配置进行合并
2.插件的公有方法与私有方法
*/
$.fn.bmplugtest=function(options){
//方法1:将传进来的参与与默认的参数进行合并，后面的覆盖前面的
var setting1=$.extend({
"name":"beautymyth",
"old":"23",
"sex":"man"
},options);

//方法2;指定默认配置与options合并
var setting2=$.extend({},$.fn.bmplugtest.defaults,options);

fnPrivate($(this));
//外面调用$.fn.bmplugtest时this就为当前选择器
};

//指定默认配置
$.fn.bmplugtest.defaults={
"name":"beautymyth",
"old":"23",
"sex":"man"
};

//私有方法，外部不能直接访问，但是可以在公有方法里面调用
function fnPrivate(obj){
alert('我是私有方法，通过公有方法访问了我');
}

//公有方法，在外面可以$("#ff").bmplugtest.fnPublic()调用
$.fn.bmplugtest.fnPublic=function(){
alert("我是公有方法，我等会会访问私有方法");
fnPrivate();
};

})(jQuery);


<head runat="server">
<title></title>
<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="Scripts/jquery.bmplugtest.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function () {
//fnPrivate();//测试这个是没有定义的
$("#ff").bmplugtest.fnPublic(); //可以通过插件里面的公有方法来间接访问插件的私有方法
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="ff" data-type="11">

</div>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航