如何将类添加到链接中的按钮

Question

我想在以下链接中更改按钮和工具提示的现有类。我怎么能这样做？

 $("<a>")
              .attr("tabIndex", -1)
              .attr("title", "Show All Items")
              .tooltip(   //change class here)
              .appendTo(this.wrapper)
              .button({
                        //change class here
              })
              .removeClass("ui-corner-all")
              .addClass("custom-combobox-toggle")
              .mousedown(function () {
                  wasOpen = input.autocomplete("widget").is(":visible");
              })

.ButtonStyle { background-image: url('../Arrow_Down.gif'); margin: 0; border: outset; height: 22px; width: 20px; padding: 0; }

目前，呈现的HTML如下：请注意我想要更改它。

Answer 1

添加类使用：

buttonObj.addClass('class');

并改变任何类的风格：

$('.tooltip').css({/* new css values*/});

如果你表现出一些小提琴或类似的东西，那就更好了。

Answer 2

假设你的html是这样的：

<form action="http://google.com">
    <input id="fooButton" type="submit" value="click me">
</form>

您的查询将是：

$('#fooButton').on('click', function() {
  $(this).addClass('fooClass');
});