Jquery自定义插件1 自定义简单插件-CSDN博客

本文链接：https://blog.csdn.net/feitianmaohb/article/details/84295791

学习jquery我觉得应该先了解基本用法后，再跳到后面学习自定义的插件。所谓知其然，才能知其所以然。

下面这个例子，也列举了调试过程中的小细节

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
        "http://www.w3.org/TR/html4/loose.dtd">  
<html> 
<style type="text/css">

</style> 
<head>  
    <title>自定义插件</title>  
//直接用jquery地址导入jquery包
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
//简单自定义插件，为避免个插件命名重名的情况
jQuery.alertFunction = function(){
alert("自定义插件");
};
//functionOne和functionTwo是作为myplugin对象的属性，属性之间用，隔开
$.myplugin={
functionOne: function(){
alert("one");
},
functionTwo: function(param){
alert(param);   //
}
};
</script>
<script type="text/javascript">
$(document).ready(function(){
$.alertFunction();
$.myplugin.functionOne();

$.myplugin.functionTwo("hehe");//hehe一定要是定义的值，要不会出错，可以用”“，也可以用''
});

</script>
</head>  
<body>  

</body>  
</html>