复杂 html 视图中的 jQuery

问：

我正在构建一个 ASP.NET Core 6 MVC 视图，其中包含许多复杂的元素。例如，内容按钮（显示更多/显示更少），按类型过滤视觉元素的按钮和按周期过滤元素的html日历。<input type="date">

为了使所有这些操作正常工作，我使用 jQuery （v3.6.4）。我的问题是，是否有某种设计模式和最佳实践来操纵这么多元素。

例如，每当我提示日历过滤时，特定按钮都会被隐藏，某些元素的值会被清除等，这是以一种直接的方式完成的（例如，选择元素并隐藏它）。

例如，在许多 onclick 函数中，我首先使用它们的选择器隐藏/显示特定元素，然后执行一些操作。有时它会变得非常重复，比如样板代码。

所以，如果我能提高重复性并应用KISS原则，那就太好了。