jQuery 插件方法

jQuery plugin methods

本文关键字：方法 插件 jQuery      更新时间：2023-09-26

我是jQuery插件创建的新手，并为我的项目[Tumblr样式标记]创建了一个插件。

[我知道有很多可用的插件，但我想:D创建自己]

来了 

(function($) {
    $.fn.Tagger = function () 
    {
        this.each(function()
        {
                //codes goes here
        });
    };

})(jQuery);
这样

在完成此操作后，我可以做这样的事情来创建可标记的输入

$("#IdOfTheElement").Tagger();

现在我创建了 UI，需要获取 UI 的值。

例如，用户键入meta为 google 、 yahoo 、 msn ....

这样我需要将值获取为google,yahoo,msn.

我想知道执行此操作的方法[不是代码]

这样的东西可用吗？

$("#ID").Tagger("value"); //returns the values

或

$("#ID").Tagger().val(); // is this possible ?

希望您理解这个问题，欢迎所有意见/建议。

请帮我完成。

谢谢。

更新

请检查此小提琴 http://jsfiddle.net/pNqUL/

通过将代码更改为以下内容，可以指定最后一个

： 
(function($) {
    $.fn.Tagger = function () 
    {
        return this.each(function()
        {
                //codes goes here
        });
    };

})(jQuery);

通过返回原始选择器匹配，您可以继续菊花链命令。 因此，如果$('#ID')是一个表单字段，那么$("#ID").Tagger().val();将返回值

我将插件

的所有方法收集在一个对象文字中，并通过将方法的字符串名称传递给插件来调用它们 [根据教程所说...]。

所以要应用标记器，我可以做 

$("#ID").tagger(); // making element as taggable
$("#ID").tagger("value") //returns the value of tagged elements
相关文章：