如何在页面内插入 JQuery 图标按钮?(有些疑问)

Question

我对Jquery很陌生，我对如何在页面内插入图标按钮有以下疑问。

我找到了这个例子：http://jqueryui.com/button/#icons

所以我认为如果我想插入一个图标按钮，我必须做这样的事情：

<button>Button with icon only</button>

进入...部分，我必须放类似的东西：

$(function() {
    $( "button:first" ).button({
      icons: {
        primary: "ui-icon-locked"
      },
      text: false
    })
});

正确吗？

据我所知，在我看来，这个"脚本"用于将图标设置为我的按钮。

这条线到底做了什么：

$( "button:first" ).button(

我认为它用于将以前的脚本与我的 HTML 代码中的正确标签相关联。在本例中为 HTML 中的第一个按钮。是对的还是我错过了什么？

这是正确的，我可以使用 html id 或类关联脚本吗？

例如，如果我有这样的东西

<button id="myButton">Button with icon only</button>

我可以将脚本关联到以 myButton 作为 ID 的按钮吗？

嘟

嘟

Answer 1

我使用了您键入的一些文本.

1）"所以我认为如果我想插入一个图标按钮，我必须这样做 像这样：

> <button>Button with icon only</button> 

并进入...第一节

说这样的话：

$（函数（） { $（ "button：first" ）.button（{ 图标：{ 主："UI 图标锁定" }, 文本：假 }) });"

是的，如果要插入图标按钮，则需要插入按钮标签。

2）$（ "按钮：第一个" ）.按钮（

这正是你所问的。它指向脚本中的第一个按钮，就像 css 中的选择器一样工作

3）我可以将脚本关联到以myButton作为ID的按钮吗？

毕竟jQuery需要一个选择器一个ID，所以作为一个CSS类肯定会以这种方式工作。

为了简单起见，我在下面链接了一个小提琴：

http://jsfiddle.net/LLBQu/8/

注：I还没有创建我刚刚根据您的问题定制的小提琴。