如何在jQuery元素上运行自定义函数?
我怎样才能做到这一点?
$(".my_selected .element").myCustomFunction();
或者甚至可能只是这个?
$(".my_selected .element").???????(myCustomFunction());
函数将知道$(this)
等于$(".my_selected .element")
。
谢谢!
$.fn.myCustomFunction = function(){ // this or $(this) is $(".my_selected .element") }
写一个插件: http : //docs.jquery.com/Plugins/Authoring
您可以通过添加自己的函数来扩展jQuery的function:
jQuery.fn.myCustomFunction = function() { };
如果我没记错的话, this
关键字在函数内按预期工作。
使用下面的代码,请参阅此处的工作演示
(function( $ ){ $.fn.myCustomFunction= function() { alert($(this).html()); }; })( jQuery ); $(".my_selected .element").myCustomFunction();
这是扩展jQuery的简单方法
听起来你想要每个函数,如果你不是在谈论实际编写jQuery插件。 如果您知道从选择器返回的所有项目都支持该function,您可以执行类似的操作。
$('li').each(function(index) { alert(index + ': ' + $(this).text()); });
有关此jQuery方法的其他信息http://api.jquery.com/each/