jQuery触发函数对元素的可见性

Question

我的目标是每次按钮出现时，都会触发某些项目上的操作。 这是我想要实现的：

$(".navbar-toggler").on(":visible", function(){..})

但是，我找不到执行此操作的函数。我需要一个jQuery插件吗？ 这是我的html代码段（我正在使用bootstrap导航栏，该导航栏在特定的视口处隐藏切换按钮以启用响应式布局）和我指的按钮：

<button class="navbar-toggler" data-toggle="collapse" data-target="#navLinks" aria-label="Toggle navigation" aria-expanded="false">
    <span class="navbar-toggler-icon">
        <i class="fa fa-navicon"></i>
    </span>
</button>

那是我的结果：

var elem = window.matchMedia("(max-width: 991.98px)");

function screenTest(e){
    if (e.matches) {
        $(".nav-link").removeClass("underline");
  } else {
        $(".nav-link").addClass("underline");
  }
}
elem.addEventListener("change", screenTest);