jauery使用bootstrap 开关按钮

要使用 Bootstrap 开关按钮，需要在 HTML 中引用 Bootstrap 的 CSS 和 JavaScript 文件，以及 jQuery 库。可以通过以下代码引用：

<!-- 引用 Bootstrap 样式文件 -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css">

<!-- 引用 jQuery 库 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!-- 引用 Bootstrap JavaScript 文件 -->
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js"></script>

完成引用后，可以使用以下代码创建一个开关按钮：

<div class="custom-control custom-switch">
  <input type="checkbox" class="custom-control-input" id="customSwitch1">
  <label class="custom-control-label" for="customSwitch1">Toggle switch</label>
</div>

其中，`.custom-control` 表示一个自定义控件，`.custom-switch` 表示一个自定义开关按钮，`custom-control-input` 和 `custom-control-label` 分别表示开关按钮的输入框和标签。如果需要设置开关按钮的状态，可以使用 jQuery 的 `prop()` 方法，如下所示：

$("#customSwitch1").prop("checked", true); // 设置开关按钮为选中状态
$("#customSwitch1").prop("checked", false); // 设置开关按钮为未选中状态

通过这种方式，可以方便地使用 Bootstrap 开关按钮，并通过 jQuery 控制其状态。