直接返回的是jquery对象，可以不立即设置中
一个基本是的弹出层估计不满足200以内需求：
1、然后点击按钮/链接不触发弹出对话框层，弹出对话框层应该要有半透明的遮罩层；
2、再点自动弹出层的关掉按钮、取消后按钮或则遮罩层会自动关闭刻意隐藏弹出层；
3、可以使用esc键也是可以关掉自动弹出层；
4、它是响应式的，另外兼容在现代主流浏览器。
html
1、必须我们在页面随意放置一个为了触发弹出层的链接，也可以不是个按钮button，特别注意的是我们给它设置中一个data-show-layer属性，这个属性值填写的那是弹出对话框层的id，也就是说是从data-show-layer来关联弹出层。
2、很很显然，上面的链接关联的弹出来层的id是hw-layer。那好，选择我们来准备好自动弹出层hw-layer的html代码。
3、我们自动弹出层的最外层，也就是蒙板层.hw-overlay，我们会在用css控制它是一个半透明的层，用来包围起来自动弹出层和页面主体内容。r然后把在.hw-layer-wrap主体层内，我们也可以设置里弹出层的内容，其实内容由你来定，我们本文特点实例弹出层的内容是三个确定对话框，类似window的confirm()。内容使用了bootstrap的col-*栅格布局，还在用glyphicon字体图标。不过最最关键的应该是是需要蒙版层和主体层，内容可以据项目需求自定义，是因为它可能会是个表单、也可能是个纯文字说明的内容。
css
1、css也关键是的部分，我们先设置中遮罩层，它系统默认情况下应该是决不可见的，位置上fixed固定设置的，另外是遍布整个页面的，它那就半透明的，我们这里可以设置了背景黑色、透明度0.3，如background-color:rgba(0,0,0,0.3)。后再主体层.hw-layer-wrap，我们设置中它的宽度，算出它的位置。宽度我们可以模式设置一个值，水平距离而内容多少不考虑，这里我们不用设置一个具体详细的值，在后面的js部分会对水平距离处理，后再可以设置横列以及边框阴影等效果。或是水平和平行左面的设置这个可以北方医话helloweba文章：要如何让div水平和互相垂直居右。提示框层里面的内容样式可以契约设置中，之后是不使用mediaquery来系统设置小屏幕下的弹出来层居左的问题。
2、我们不使用jquery来全面处理能触发自动弹出层和关闭弹出对话框层效果，应此必须作好程序加载jquery库。showlayer(id)是一个自定义设置的函数，用处可以展示弹出对话框层。当再点按钮或链接动态链接库这个showlayer(id)函数，它会渐现的效果展示，但是可以计算弹出来层的高度位移比距离，也让弹出主体层水平和垂线方向的居中。而分段函数hidelayer()那是隐藏弹出层，fadein()也可以hide()就能利用。之后再算上不触发遮罩层的时候直接关闭弹出对话框层在内使用esc菜单按钮的时候直接关闭提示框层的代码。
3、当然到这里，一个基本的弹出层效果也去做了。我们这里只不过做一个基本都的弹出层，你也是可以进行不再扩充卡代码。我们以前看过很多弹出来层插件，很多都是相册再能操作dom的，也就是通过js代码先createelement，然后把在将内容append到body里的，这种如果没有是正常不能操作dom的话会耗掉当然的性能，因此从性能角度考虑到的话，我推荐推荐可以使用本文需要提供的提示框层。
.jpg)
.jpg)
.jpg)
.jpg)
