jQuery插件模板

Posted 2021-02-25

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
(function($){
 $.fn.extend({
 
 	helloWorld : function(options) {
		// define some default variables in case none are passed in
		var defaults = {
			foo: 'hello ',
			bar: ' world'
		};
 
	  var options = $.extend(defaults, options);
 
	  return this.each(function() {
			 // apply any manipulations to the selected object by simply using the $(this) selector
			$(this).html(options.foo+options.bar);
 
	  });
 
	}//,
	// if you needed to add more methods (functions) to your plugin, you would uncommment the comma on the line above
	// and simply add another function similar to our helloWorld function above.
 
 });
})(jQuery);
 
 
$(function(){
	$('#test').helloWorld();
	//outputs "hello world" #test
	$('#test2').helloWorld({foo:'good ', bar:' bye'});
	//outputs "good bye" into #test2
});