一款jQuery点击空白处隐藏弹出层网页特效，点击按钮弹出层、点击页面空白处弹出层消失JS代码。主要功能是点击按钮弹出层显示，然后通过点击页面任意位置都能关闭弹出层显示效果，主要是$(document).click的操作应用。
创新互联建站长期为上1000+客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为蒙阴企业提供专业的成都做网站、成都网站建设，蒙阴网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。
jequery在点击一个按钮时使用jquery隐藏一个元素是jQuery提供了toggle()函数用于切换显示和隐藏：显示被隐藏的元素，隐藏已显示的元素，示例代码。
Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。
在动画完成时执行的函数。如果没有参数，.hide()方法是最简单的方法来隐藏一个元素：(.target).hide()；匹配的元素将被立即隐藏，没有动画。
jQuery toggle()通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。
实现渐变在jquery里面很简单，只需要$(div).fadeIn()；和$(div).fadeOut()；就可以实现渐入渐出，自己写原生js的话比较费劲，需要照顾不同浏览器的差异，不大推荐。
jq有自带的显示隐藏函数，不用自定义，可以使用fadeToggle()函数实现淡入淡出效果。
我们在网站开发的时候经常会有点击空白处去隐藏已有的元素，DIV或者其他，本次教给大家如何用jquery实现这个特效的方法。一款jQuery点击空白处隐藏弹出层网页特效，点击按钮弹出层、点击页面空白处弹出层消失JS代码。
jQuery 代码：(p).fadeIn(fast，function(){ alert(Animation Done.)；})；下面是淡出效果 fadeOut(speed，[callback])通过不透明度的变化来实现所有匹配元素的淡出效果，并在动画完成后可选地触发一个回调函数。
如果只是想让他隐藏一半的话那就不能用slideToggle事件了，你可以写好css，控制好想要操作的父标签的高度，然后溢出隐藏，接着用animate事件控制定位的距离就好了。
1、Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。
2、基本思想是：触发div的hide()和show()函数。
3、可以显示的，只是你的 div 中没有东西，你看不到效果而已，在div 中 加上几个字符试下。
4、(button).click(function(){ (div).toggle( 100)；})；参考链接：http：// 定义和用法 toggle() 方法切换元素的可见状态。