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