jQuery实现遮罩层功能

我们做项目的时候，有一种效果会经常使用到，就是遮罩层，当我们点击某个按钮时，希望动态弹出一个输入块，并且想要他的背景是透明的，而要输入的块不透明，效果如下

那么这个效果怎么实现呢，阿飞给你一一道来。

思路：
我们需要一个最外层div去做透明背景，然后需要一个div去做输入块。总的来说就是这两层div。
起初我们都设置其为display:none，然后通过js代码实现，当点击的时候让其显示
大概思路就是这样，接下来直接上代码

html代码

<div class="mask">
	<div class="addDataNode">
		<p>添加数据点</p>
		<hr >
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td>标识名*</td>
				<td>
					<input type="text" name="" id="identificationName" value="" required="" class="borderDesign"/>
				</td>
			</tr>
			<tr>
				<td>读写类型</td>
				<td>