博客

jQuery UI的按钮小部件提供了许多选项，可以自定义按钮的外观和行为。其中，label选项用于指定按钮的标签文本。本文将详细介绍label选项的语法和用法，并提供两个示例说明。

语法

以下是label选项的基本语法：

$(selector).button({
  label: "Button Label"
});

在这个语法中，selector是要应用按钮的元素选择器。Button Label是要指定的按钮标签文本。

示例1：使用默认标签

以下是一个示例，演示如何使用默认标签：

$( "#button" ).button({
  label: "Click me"
});

在这个示例中，我们使用label选项指定了一个默认标签Click me。

示例2：使用自定义标签

以下是另一个示例，演示如何使用自定义标签：

$( "#button" ).button({
  label: "<i class='fa fa-search'></i> Search"
});

在这个示例中，我们使用label选项指定了一个自定义标签<i class='fa fa-search'></i> Search。这个标签包含了一个Font Awesome图标和一个文本标签。

综上所述，label选项用于指定jQuery UI按钮的标签文本。本文详细介绍了label选项的语法和用法，并提供了两个示例说明。