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

Question

我有一个网站有几个弹出窗口。我想在几个元素上使用单个函数。它适用于普通的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(); 
}