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

Question

我怎样才能实现这个目标？

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

或者甚至可能只是这样？

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

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

谢谢你！

Answer 1

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

}

Answer 2

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

Answer 3

您可以通过添加自己的函数来扩展 jQuery 的功能，如下所示：

jQuery.fn.myCustomFunction = function() {

};

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

Answer 4

使用下面的代码，在此处查看有效的演示

(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/