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/