jquery - 向 jQuery 对象添加方法比 .data() 更简单的方法？

Question

我想向特定的 jQuery 对象添加自定义方法:

$('#DOMelement').customFunc(param); // not a reality

目前，我有:

var customFunc = function(param) { 
    // do something special
}
$('#DOMelement').data('customFunc', customFunc);

然后我称之为:

var cF = $('#DOMelement').data('customFunc');
cF(param);

所有这些都有效，但很痛苦。有更好的解决方案吗？除了编写一个广泛的插件之外？

Answer 1

听起来你想做的是制作一个插件。它根本不是很广泛。取自http://docs.jquery.com/Plugins/Authoring ，你可以这样做:

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

        // Do your awesome plugin stuff here

    };
})( jQuery );

那么调用就简单了:

$('#DOMelement').myPlugin();

我认为您不应该将自定义函数放入“数据”属性中。构建 data 属性的目的是将自定义不可见数据嵌入到 HTML 中。虽然我猜你可以把函数放在那里，但我不确定这是否符合要求。此外，所有 JavaScript 代码都将嵌入到 HTML 元素中。

(取自 http://dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data-with-the-data-attributes )

Authors can include data for inline client-side scripts or server-side site-wide scripts to process using the data-*="" attributes. These are guaranteed to never be touched by browsers, and allow scripts to include data on HTML elements that scripts can then look for and process.

这是另一篇关于使用数据的文章:http://www.marcofolio.net/webdesign/html5_data-_attributes_are_great_and_you_know_it.html