有时候，jQuery并不完全满足我们所需要的功能，因此我们可适当的在jQuery的基础上进行增加，jQuery的扩展方法有两种方式，一种是jQuery本身的扩展方法，另一种是jQuery所选对象的扩展方法。

一、方法列表：
       1.$.extend(obj);　　　// jQuery 本身的扩展方法
       2.$.fn.extend(obj);　 // jQuery 所选对象扩展方法

二、调用示例：

1、$.extend

<script src="http://www.xcsoft.cn/Public/js/jquery.js"></script>
<script>
$.extend({
    myfunction: function (message) {
    alert(message);
    },
});
$.myfunction('扩展了一个新方法')
</script>

2、$.fn.extend（两种方法）

<script src="http://www.xcsoft.cn/Public/js/jquery.js"></script>
//第一种方法实现方式
$.fn.extend({
    myfunction: function (message) {
    $(this).html(message);
    }
});
//第二种方法实现方式
(function (a) {
    a.fn.myfunction2 = function (message) {
        $(this).html(message);
        };
})(jQuery)
$(document).ready(function(e) {
    $("#newhtml").myfunction2('$.fn.extend的两种方法都是这种调用方式')
});

       好了，现在可以测试一下成果吧。

标签  技巧网页制作

按键盘左右方向键可快速浏览上一篇(←)、下一篇(→)