如何将函数参数传递给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();

Answer 2

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