javascript - 如何将函数参数传递给 jquery 选择器

Question

我的网站有几个弹出窗口。我想在多个元素上使用 1 个单一函数。它在常规 JS 中运行良好，但在 jQuery 中则不然。

在我的 HTML 中，我有类似的内容:

<button onclick="div_show('contact')">More?</button>

和

<div id="contact" >
    blah blah
</div>

此#contact 元素默认隐藏。因此，如果我单击按钮，联系人 div 就会出现并带有以下 JS:

    function div_show(id) {
document.getElementById(id).style.display = "block";
}

但是，我想使用 jquery 来实现淡入淡出效果

function div_show(id) {
$(???).fadeIn();
}

如何将函数参数传递到 jquery 选择器

当然，它的效果很好:

function div_show(id) {
    $(#contact).fadeIn();
    }

但仅适用于 1 个元素。

Answer 1

我认为您正在寻找的是:

$("#" + id).fadeIn();

对于多个选择器，您可以这样做:

$("#" + id1 + ", #" + id2).fadeIn(); //etc

为了完整起见，这一行:

 $(#contact).fadeIn();

应使用引号格式化:

 $("#contact").fadeIn();