📌  相关文章
📜  如何使用 Bootstrap 和 jQuery 根据多个值显示/隐藏 div 元素?

📅  最后修改于: 2021-11-24 04:36:42             🧑  作者: Mango

Bootstrap 和 jQuery 已被一起用于开发交互式 Web 应用程序。 Bootstrap 和 jQuery 都是免费和开源的,这使得它在开发人员中很受欢迎。本文将讨论在 Bootstrap 和 jQuery 的帮助下根据用户输入显示和隐藏分区。下面显示了两种建立相同的方法。

第一种方法:在第一种方法中,根据用户的输入,一次只能看到一个分区。此方法包括一个带有三个选项的下拉列表。用户可以一次选择一个选项,并根据选项的值显示相应的分区。代码片段中使用的方法如下:

  • $(document).ready(函数):当文档被加载并且作为参数传递的函数被执行时,ready事件被触发。
  • $(选择器).change(函数):当所选择的元件(输入,文本区域或选择)已被改变,则触发变化事件,并执行作为参数传递的函数。在这里,当用户从下拉菜单中选择一个选项时,将调用作为参数传递的函数。
  • $(selector).find(filter):该方法返回被选元素的所有后代元素。这里