jquery 编写不显眼的 javascript 帮助

Question

我在 jquery 中有以下代码。

$(function() {
  $('.test').click(function() {
    alert('this is a test');
  });
});

我意识到这并不引人注目，但我想尝试通过做这样的事情来使其更加不引人注目。

$(function() {
  $('.test').submitAlert();

 *and place the alert message right here.
});

然后我就可以在不同的类上调用警报消息，而无需重新输入代码。有人可以向我展示如何使用 jquery 执行此操作吗？

Answer 1

您可以将代码包装到插件中:

(function($) {
    $.fn.submitAlert = function(text) {
        this.bind("click", function() {
            alert(text);
        });
    }
})(jQuery);

用法:

$(".test").submitAlert("hello world");

这是一个工作示例:http://jsfiddle.net/andrewwhitaker/UGsHR/1/