一个简单的例子,jQuery可以点击弹出的弹出图层
主要功能是点击显示,然后通过点击页面中的任何地方关闭显示,主要是$(文档)的作用。在开发过程中,经常会出现一些弹出层,在单击页面的其他页面后自动关闭,下面是实现代码:
HTML代码:
复制代码代码如下所示:
点击
展示区
CSS代码:
隐藏{显示:无;}
JS代码
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(div.down)。Click(function(e){
e.stoppropagation();
$(div.con)。RemoveClass(隐藏);
});
$(文档)Click(函数(){)
如果(!$(div.con)。HasClass(隐藏)){
$(div.con)。AddClass(隐藏);
}
});
});
好的,在你自己的本地测试中,CSS样式来修改它!