top
元旦节到了,元旦节快乐...

固定当前背景  反馈、咨询、建议、留言等,请点这里[Alt+G]

本栏相关
其他文章
JavaScriptJavaScript当前位置:首页 >>开发技巧>>JavaScript
在Jquery的基础上扩展自定义方法
编辑yang 发布时间2014-11-02 浏览量3243 来源本站编辑 特大
摘要:​有时候,jQuery并不完全满足我们所需要的功能,因此我们可适当的在jQuery的基础上进行增加,jQuery的扩展方法有两种方式,一种是jQuery本身的扩展方法,另一种是jQuery所选对象的扩展方法。

       有时候,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的两种方法都是这种调用方式')
});

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

标签  技巧网页制作

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


反馈/咨询/建议/留言(GuestBook)
您好,怎么称呼您!
您的姓名:
上一步:鼠标向上滚动/左方向键(←)
下一步或完成:鼠标向下滚动/Tab键/右方向键(→)
如果您有空的话,可以填一下您的相关信息!
您的电话:
您的邮箱:
现在,请填写您想要了解的信息!
信息内容:
验证码: 看不清?点图片刷新