jquery添加扩展方法

15 篇文章 0 订阅

jQuery提拱两个方法开发插件:

jQuery.fn.extend(object);  jQuery.fn = jQuery.prototype

jQuery.extend(object);

jQuery.fn.extend(object);为jQuery对象添加方,

jQuery.extend(object); 扩展jQuery类本身.为类添加新的方法,


1.==== jQuery.fn.extend(object) =====

//jQuery(funtion(){});模型写法,用于存放DOM对象的代码,执行其中代码时DOM对象已经存在。

不可用于存放开发插件代码。因为jQuery对象没有得到传递,外部通过jQuery.methodye

调用不来其中方法。


jQuery.fn.extend({
    ///这个函数是全部选择所有的元素
    check: function() {

       //允许使用jq方法,不支持原生js方法,如返回属性值:this.attributes("title").value;不支持,应该用:this.attr("title");

        return this.each(function() { this.checked = true; }); //必须return回一个jquery对象
    },
    uncheck: function() {
        return this.each(function() { this.checked = false; });
    }
});

调用方法:

<script language="javascript" type="text/javascript">

       function CheckAll() {
            $("input:checkbox").check();
        }

        function UnCheckAll() {
            $("input:checkbox").uncheck();
        }

    </script>


2. ==== jQuery.extend(object) ====

$.extend({

  plus:function(x,y){return x+y;}

});


3.==== 其它写法:====

    //写法2. 用于存放开发插件的代码,执行其中代码DOM不一定存在,需要直接自动执行DOM操作代码请慎用
    (function($) {  
         $.fn.mymsg2=function(){
            $(this).click(function(){
                alert($(this).attr("title"));
            });
        }        
    })(jQuery); 


调用方法:

<script language="javascript" type="text/javascript">

$.plus(7,8);

</script>







  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值