Jquery扩展

对于Jquery的扩展的方式有两种:

1.$.extend 2.$.fn.extend.

两种方式的区别是$.extend对应的是整个Jquery的插件管理库。即只要是引用了Jquery库的地方都可以使用在它里面定义的函数。而$.fn.extend中定义的函数,我的理解是由Jquery对象引用的。

具体扩展我些了两个最简单的例子。如下:

$.fn.extend(
{
        Test:function()
        {
        alert(0);}
});

等价于:

jQuery.fn.extend(

{

  Test:function()
        {
        alert(0);}

})

$.extend(
{
    Tyb:function()
    {
    alert('Test Only');}
});

同样,上面的方式也等价于:

jQuery.extend(

{

  Tyb:function()
    {
    alert('Test Only');}

})

对于后一种应用,只需要在脚本中使用$.Tyb()即可以看到页面会弹出提示Test Only的提示框。

而对上一种,需要在Jquery对象中使用。如$("#password1").Test();就会看到页面弹出提示0的提示框。

原文地址:https://www.cnblogs.com/tyb1222/p/1818691.html