博客

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

语法

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

$(selector).button({
  showLabel: true/false
});

在这个语法中，selector是要应用按钮的元素选择器。true/false用于指定是否显示按钮的标签文本。

示例1：显示标签

以下是一个示例，演示如何显示按钮的标签文本：

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

在这个示例中，我们使用showLabel选项将按钮的标签文本显示出来，并使用label选项指定了一个标签文本Click me。

示例2：隐藏标签

以下是另一个示例，演示如何隐藏按钮的标签文本：

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

在这个示例中，我们使用showLabel选项将按钮的标签文本隐藏，并使用label选项指定了一个标签文本Click me。

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