jQWidgets jqxSwitchButton height 属性(1)

📌 相关文章

📜 jQWidgets jqxSwitchButton height 属性(1)

📅 最后修改于: 2023-12-03 15:16:56.857000 🧑 作者: Mango

jQWidgets jqxSwitchButton height 属性介绍

简介

jQWidgets jqxSwitchButton 是一个jQuery插件，它提供了一个开关按钮，类似于toggle按钮。height 属性用于设置开关按钮的高度。

语法

$(selector).jqxSwitchButton({ height: value });

参数

selector: 必需。代表开关按钮的元素选择器。
height: 必需。代表开关按钮的高度，可以是数字或字符串。

示例

以下是一个简单示例，展示了如何使用 height 属性设置 jqxSwitchButton 的高度。

<!DOCTYPE html>
<html>
<head>
    <title>jQWidgets jqxSwitchButton height 属性示例</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://jqwidgets.com/public/jqwidgets/jqxwidgets.min.js"></script>
    <link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx-bootstrap.min.css" />
    <script>
        $(document).ready(function () {
            $("#jqxSwitchButton").jqxSwitchButton({
                height: 40
            });
        });
    </script>
</head>
<body>
    <input type="checkbox" id="jqxSwitchButton" />
</body>
</html>

在这个示例中，我们创建了一个高度为40的开关按钮，并将它应用到了HTML中id为 jqxSwitchButton的元素上。

结论

我们介绍了 jQWidgets jqxSwitchButton 的 height 属性，它用于设置开关按钮的高度。可以通过传递数字或字符串来指定高度，使开发人员可以根据自己的需求来定制开关按钮。