1. 程式人生 > >jquery擴展方法

jquery擴展方法

-s jquery插件 extent 新的 希望 -c tps ref 人工智

jquery插件的開發包括兩種:一種是類級別的插件開發,即給jquery添加新的全局函數,相當於給jquery類本身添加方法。

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擴展方法