本文由 发布，转载请注明出处，如有问题请联系我们！ 发布时间: 2021-08-01bootstrap单选框样式-js修改class属性

上一节探讨的合理布局部件仅仅一个逐渐。Bootstrap内置12个jQuery软件，拓展了它的作用，能够给网站提升大量的互动。即便你不是高級JavaScript开发者，还可以开始学习Bootstrap的JavaScript软件。应用Bootstrap数据信息API，不用撰写一切编码就可以开启大部分软件。

网站引入正确引导软件有俩种方法:

独立引入：应用 Bootstrap 的某些的 *.js 文档。一些软件和 CSS 部件取决于别的软件。假如您独立引入软件，请先保证搞清这种软件中间的相互依赖。编译程序（与此同时）引入：应用 bootstrap.js 或压缩版的 bootstrap.min.js。不必试着与此同时引入这两个文档，由于 bootstrap.js 和 bootstrap.min.js 都包括了全部的软件。

的全部软件都取决于jQuery。因而，jQuery务必在软件文档以前被引入。请浏览bower.json查询Bootstrap当今适用的jQuery版本号。

数据信息特性

你能只是根据 data 特性 API 就能应用全部的 Bootstrap 软件，不用写一行 JavaScript 编码。这也是 Bootstrap 中的一等 API，也应当就是你的优选方法。话又说回家，在某种情形下很有可能必须将此作用关掉。因而，大家还给予了关掉 data 特性 API 的方式，即消除以 data-api为类名并关联在文件上的事情。如同今天那样：$(document).off(‘.data-api’)如需关掉一个指定的软件，只须要在 data-api 类名前再加上该软件的名字做为类名就可以，如下所示所显示：$(document).off(‘.alert.data-api’)

程序编写API。

大家为全部Bootstrap软件给予纯JavaScript方式的API。全部公布的API都适用单独或链启用，并回到他们实际操作的原素结合(留意:启用方式与jQuery同样)。比如:

$(".btn.danger").button("toggle").addClass("fat")

的全部方式都能够接纳可选择的option目标做为主要参数，或是接纳表明特殊方式的字符串数组，或是不接纳一切主要参数(在这样的情形下，软件将被复位为默认设置个人行为)，如下所示所显示:

//复位为默认设置个人行为$("#myModal").modal()//复位为不兼容电脑键盘$("#myModal").modal({keyboard:false})//复位并马上启用show$("#myModal").modal('show')

每一个软件仍在Constructor特性上公布其初始的Constructor:$ . fn . popover . Constructor .假如要想获得特殊软件的案例，能够同时根据page元素获得:

$('[rel=popover]').data('popover').

防止取名空中间的矛盾。

有时候，正确引导软件很有可能需要与别的操作界面架构一起应用。在这样的情形下，取名空中间很有可能会发生争执。假如悲剧产生这个状况，您能够实现启用软件的。noConflict方式。

//回到$.fn.button以前所赋的值varbootstrapButton=$.fn.button.noConflict()//为$().bootstrapBtn授予Bootstrap作用$.fn.bootstrapBtn=bootstrapButton

事情

Bootstrap为大部分软件的与众不同个人行为给予自定事情。一般来说，这种事情有二种方式:

动词不定式：这会在事情逐渐时被开启。比如 ex: show。动词不定式事情给予了 preventDefault 作用。这促使在事情逐渐前能够终止实际操作的实行。$(‘#myModal’).on(‘show.bs.modal’, function (e) { // 阻拦模态框的表明 if (!data) return e.preventDefault() })过去分词方式：这会在姿势实行结束以后被开启。比如 ex: shown