jquery自动完成（“小部件”）解释

Question

来自jQuery UI documentation：

  

插件

     

.autocomplete( "widget" )
     返回.ui-autocomplete元素。

如何将其与实际指定自动完成的参数结合使用？我有一个这样的场景：

$("#employees").autocomplete({
    source: '/roster/home/search'
});

我想在ui-autocomplete中添加一个特定的CSS类。我知道我可以指定一个新的.ui-autocomplete css类，但这不是我需要做的。我需要为它添加一个现有的css类。 “小部件”似乎是合适的方法，但我对如何使用它感到困惑。有什么建议？文档根本没有说清楚。

Answer 1

.autocomplete("widget")返回一个jQuery对象，它是实际的包装器 它创建的class="ui-autocomplete"元素，因此您只需在其上调用.addClass()，就像这样：

$("#employees").autocomplete("widget").addClass("myClass");

You can test it out here，在您的情况下，您也可以链接它：

    $("#employees").autocomplete({
        source: '/roster/home/search'
    }).autocomplete("widget").addClass("myClass");