如何在jQuery元素上运行自定义函数？

Question

我怎样才能做到这一点？

$(".my_selected .element").myCustomFunction();

或者甚至可能只是这个？

$(".my_selected .element").???????(myCustomFunction());

该函数将知道$(this)等于$(".my_selected .element")。

谢谢！

Answer 1

写一个插件：http://docs.jquery.com/Plugins/Authoring

Answer 2

$.fn.myCustomFunction = function(){
    // this or $(this) is $(".my_selected .element")

}

Answer 3

通过添加自己的函数来扩展jQuery的功能：

jQuery.fn.myCustomFunction = function() {

};

如果我没记错的话，this关键字在函数内按预期工作。

Answer 4

使用以下代码，查看有效的 demo here

(function( $ ){
  $.fn.myCustomFunction= function() {

    alert($(this).html());

  };
})( jQuery );

$(".my_selected .element").myCustomFunction();

这是扩展jQuery的简单方法

Answer 5

如果你不是在谈论实际编写jQuery插件，那么听起来你想要每个函数。如果您知道从选择器返回的所有项目都支持该功能，您可以执行类似的操作。

$('li').each(function(index) {
    alert(index + ': ' + $(this).text());
});

有关此jQuery方法的其他信息http://api.jquery.com/each/