Bootstrap 3中的“ data-target”属性是什么？

您能告诉我data-targetBootstrap 3使用的属性背后的系统或行为是什么吗？

我知道数据切换曾经用于图形功能Bootstrap的API JavaScript。

data-target引导程序用来使您的生活更轻松。您（通常）不需要编写任何一行Javascript即可使用它们的预制JavaScript组件。

该data-target属性应包含指向将要更改的HTML元素的CSS选择器。

BS3的模态示例代码：

<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  [...]
</div>

在此示例中，具有按钮的按钮data-target="#myModal"（如果单击）<div id="myModal">...</div>将被修改（在本例中为淡入）。发生这种情况是因为#myModal在CSS选择器中指向具有id带有myModal值的属性的元素。

有关HTML5“数据-”属性的更多信息：https : //developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Using_data_attributes

切换开关告诉Bootstrap做什么，而目标告诉Bootstrap哪个元素要打开。因此，每当单击这样的链接时，都会出现一个ID为“ basicModal”的模式。