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值了。