jquery擴展方法
阿新 • • 發佈:2019-01-29
-s jquery插件 extent 新的 希望 -c tps ref 人工智 jquery插件的開發包括兩種:一種是類級別的插件開發,即給jquery添加新的全局函數,相當於給jquery類本身添加方法。
1、類級別的插件開發
2、對象級別的插件開發
jquery的全局函數就是屬於jquery命名空間的函數,另一種是對象級別的插件開發,即給jQuery對象添加方法。
也可以理解為另外兩種方式,一種是jQuery本身的擴展方法,另一種是jQuery所選對象的擴展方法。
1.jQuery.extend(Object); // jQuery 本身的擴展方法2.jQuery.fn.extent(Object); // jQuery 所選對象擴展方法
下面就兩種函數的開發做詳細的說明。
1、類級別的插件開發
類級別的插件開發最直接的理解就是給jQuery類添加類方法,
可以理解為添加靜態方法。典型的例子就是$.AJAX()這個函數,將函數定義於jQuery的命名空間中。
關於類級別的插件開發可以采用如下幾種形式進行擴展:
1.1 添加一個新的全局函數
$.foo = function(){
alert("foo");
}
//調用方法
$.foo();
1.2 使用jQuery.extend(object);$.extend({
foo:function(){
alert("foo");
},
bar:function(){
alert("bar");
}
})
//調用方法
$.foo();
$.bar();
1.3 使用命名空間$.myPlugin = {
foo:function(){
alert("foo");
},
bar:function(){
alert("bar");
}
}
//調用方法
$.myPlugin.foo();
$.myPlugin.bar();
2、對象級別的插件開發
$.fn.foo = function(){
alert("hello jquery");
}
$(‘#myF‘).foo()
(function($){
$.fn.extend({
pluginName :function(opt,callback){
alert("foo");
}
})
})(jQuery);
$("#myF").pluginName();
(function (jq) {
jq.fn.foo = function (obj) {
alert(obj);
};
})(jQuery)
$("#myF").foo("hello jquery");
再分享一下我老師大神的人工智能教程吧。零基礎!通俗易懂!風趣幽默!還帶黃段子!希望你也加入到我們人工智能的隊伍中來!https://blog.csdn.net/jiangjunshow
jquery擴展方法