今天尝试了一下自己编写插件。最简单的jquery效果，返回顶部的按钮。
增加多个全局函数
添加多个全局函数，可采用如下定义：
Java代码
- jQuery.foo = function() {
- alert('This is a test. This is only a test.');
- };
- jQuery.bar = function(param) {
- alert('This function takes a parameter, which is "' + param + '".');
- };
- 调用时和一个函数的一样的:jQuery.foo();jQuery.bar();或者$.foo();$.bar('bar');
插件名称 scrollTop.js
jQuery.scrollTop = function (scrollDom) { // body... $(scrollDom).click(function(event){ event.preventDefault(); $(document.body).animate({scrollTop:0},800); }); }
scrollDom 为参数
前端代码调用插件
引入jquery和jquery插件
<script type="text/javascript" src="./js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="./js/scrollTop.js"></script>
在HTML中调用
<body>
<div class="div1">111</div>
<div class="div2">2222</div>
<div class="div3">33333</div>
<a href="" class="top">返回</a>
</body>
<script>
$(function(){
$.scrollTop(".top");
})
</script>