jQuery擴充$.fn、$.extend jQery命名方法擴充 練習總結

標籤：style   blog   class   code   java   ext   

<script>
$.fn.hello = function(){  //擴充jQuery執行個體的自訂方法,基於$.fn的jq方法擴充
    this.click(function(){
        alert(‘hello‘);
    })
}
$(‘input‘).hello();  // 點擊input正確出彈窗 ‘hello‘
</script><script>
$.fn.extend({  //用extend擴充jQuery執行個體的自訂方法
    hello:function(){
        this.click(function(){
            alert(‘hello‘);
        })
    }
})

$(‘input‘).hello();  // 點擊input正確出彈窗 ‘hello‘
</script><script>
$.fn.extend({   //extend擴充jq執行個體的 ‘屬性’
    hello:‘hello‘,
})
var obj = new $;  //建立以jq為構造原型的 執行個體obj
document.write(obj.hello)  //列印字串“hello“
</script><script>
$.extend({    //擴充jQuery這個全域對象的自訂方法
    hello:function(){
        $(‘input‘).click(function(){
            alert(‘hello‘);
        })
    }
})
$.hello();  // 點擊input正確出彈窗 ‘hello‘
</script>