JQUERY方法擴展

引言：JQUERY作為優秀的javascript框架之一，被廣泛的引用。在實際的項目中，JQUERY可以大大簡單的工作量，並且JQUERY中優秀方法可以快捷方便的解決很多問題。

 JQUERY的簡單理解

    我們可以將JQUERY理解一個類，該類的命名控件是$。

    1.首先明確：類中可以有屬性，也可以有靜態的方法以及成員方法。

    例如，$.trim()就可以理解為JQUERY的一個靜態方法，我們在就是中可以直接使用，我們也可以使用$.extend({...})去定義自己想要的靜態方法去擴展JQUERY類庫；

    下面舉例說明用法：

     

$.extend({
   caculate:function(arg1,arg2){return arg1+arg2;}
})

    就是計算兩個值的和，在js代碼中直接調用即可，即：$.add(1,2);返回結果就是3。（ps：當然，在你的js中必須引用你自定義的js文件或者放在你自定義方法的后面....）

    2.其次:需明確，類似JQUERY中的選擇器$("#main")而獲得到的DOM元素就是JQUERY類的一個實例化對象。眾所周知，你實例化一個類對象之后，就可以操作該類對象，比如獲取該類對象的屬性值、通過該類對象調用你在類中定義的方法等。

    

<div id="test" myTest="shangwuyuyi"/>

    $("#test").attr("myTest");就是獲取到了該div的屬性myTest。當然，你也可以為該div添加一些屬性，例如

 

$("test").attr("class","main");

    就是為該div添加class屬性。（這些都不用我寫...各位大神肯定對此不屑一顧...）

    我想說的是Jquery.fn.extend,這是對prototype的擴展，其實就是為實例了JQUERY的類對象添加成員方法。下面舉個例子：

 

 $.fn.extend({
    alertWhileClick:function(){ 
        alert($(this).attr("id"));  
    }
}  

     就是為實例化了的對象新定義了一個成員函數，在實際調用中，就使用$("#test").alertWhileClick();就可以彈出該div的id值了。