jquery插件的编写

今天尝试了一下自己编写插件。最简单的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>