jQuery UI 按钮小部件 instance() 方法

简介

jQuery UI 是一款流行的 JavaScript 库，它提供了很多易于使用的小部件和交互效果，其中包括按钮小部件。按钮小部件提供了一种简单的方式来创建常规按钮、单选与多选按钮以及复选框等。

instance() 方法允许您访问已初始化的按钮小部件实例，并允许您使用小部件方法来操作该实例。

语法

$( ".selector" ).button( "instance" );

参数

• .selector：指定要访问其实例的按钮元素或选择器字符串。

返回值

返回具有按钮小部件方法的 jQuery 对象。您可以使用它来调用小部件方法，例如 disable()、enable()、refresh()、destroy() 等。如果元素没有初始化或不是按钮小部件，则返回 undefined。

示例

以下是一个示例，演示如何使用 instance() 方法检查已初始化的按钮小部件实例，并使用其小部件方法禁用按钮：

<button id="myButton">Click me!</button>

<script>
$(function() {
    $( "#myButton" ).button();

    // Access the button instance and disable it
    var instance = $( "#myButton" ).button( "instance" );
    if ( instance ) {
      instance.disable();
    }
});
</script>

在这个例子中，我们首先初始化了一个按钮小部件，并将其分配给 myButton 元素。然后，我们使用 instance() 方法访问按钮小部件实例，并将其分配给 instance 变量。最后，我们使用 disable() 方法禁用按钮。

结论

instance() 方法是 jQuery UI 按钮小部件的重要方法之一，它使您能够更轻松地操作已初始化的按钮元素。使用它可以访问包含有用方法和属性的按钮小部件实例，并且可以使您快速更改按钮的状态和表现方式。