extending jquery

extending jquery

by Susan Delgado

HTML

<h1>Extending jQuery:</h1>

<p><a id="plugin" href="#">Plugin CLICK!</a>
</p>
<p><a id="method" href="#">Method hover!</a>
</p>

JavaScript

//(function($){
//  $.fn.your_plugin_name: function() {
// Your plugin code
//  };

//  $.fn.another_method: function() {
// Another method code
//  };
//})(jQuery);

(function ($) {
    $.fn.extend({
        myPlugin: function () {
            return $(this).bind('click', function () {
                alert('Custom plugin!');
            });
        },
        myMethod: function () {
            return $(this).bind('mouseover', function () {
                alert('Custom method!');
            });
        }
    });
})(jQuery);

$('a#plugin').myPlugin();
$('a#method').myMethod()