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:},);

    });

}

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"></div>

    <div class="div2"></div>

    <div class="div3"></div>

    <a href="" class="top">返回</a>

</body>

<script>

$(function(){

    $.scrollTop(".top");

})

</script>

秒客网

jquery插件的编写

相关文章