`

js/jquery实现点击div层外,隐藏div

阅读更多

js

document.onmousedown=function(e){
    var target = e.target;
    //alert(target.id);
    var sea = target.getAttribute("sea");
    if(sea!="sea"){
    	if(get("seaList").style.display!="none"){
    		get("seaList").style.display="none";
		}
    }
};

 

jquery

$(document).bind('click',function(e){
	var target = jQuery(e.target);
	//alert(target.attr("id"));
	alert(target.closest(".seaVal").length+","+target.closest(".seaList").length);
	if(target.closest(".seaVal").length!=1&&target.closest(".seaList").length!=1)
	{
		if($(".seaList").show()){
			$(".seaList").hide();
		}
	}
});

 

1
3
分享到:
评论

相关推荐

    jquery实现点击指定div外区域隐藏该div

    ### jQuery 实现点击指定 div 外区域隐藏该 div #### 背景介绍 在 Web 开发中,经常需要处理用户交互事件,如点击、滑动等。其中一个常见的需求是当用户点击某个元素(比如一个下拉菜单)时,这个元素会展开;而当...

    jquery点击div层图片爆炸碎裂效果

    标题中的“jquery点击div层图片爆炸碎裂效果”是指一种基于jQuery实现的前端交互特效,当用户点击一个div元素(通常包含图片)时,图片会模拟出爆炸并碎裂的效果,给用户带来视觉冲击和互动体验。这个效果常用于游戏...

    点击后可以展示到前端的div层jquery效果

    标题中的“点击后可以展示到前端的div层jquery效果”是指一种常见的网页交互设计,它利用JavaScript库jQuery来实现一个功能:当用户点击某个元素(如按钮)时,页面上的一个或多个div层(通常用于创建弹出框、提示...

    Js/Jquery 实现自定义 上传 按钮

    标题 "Js/Jquery 实现自定义 上传 按钮" 涉及到的是使用JavaScript和jQuery库来创建一个自定义样式的文件上传按钮。在网页设计中,原始的文件上传控件往往样式单一,不符合现代网页的美观要求。通过JavaScript和...

    Jquery Sortable实现div拖动排序效果

    本篇文章将深入探讨如何使用 jQuery Sortable 实现div的拖动排序效果。 首先,你需要在项目中引入 jQuery 和 jQuery UI 的库。jQuery 是一个广泛使用的JavaScript库,而 jQuery UI 提供了包括Sortable在内的多种...

    jQuery实现点击除了特定div的页面其它地方,隐藏该div功能。

    jQuery实现点击除了特定div的页面其它地方,隐藏该div功能。 在触发DOM上的某个事件的时候会产生一个事件对象event,这个对象包含着所有与事件有关的信息,包括产生事件的元素、事件类型等相关信息,思路一中div的...

    JS/jQuery实现DIV延时几秒后消失或显示的方法

    本文实例讲述了JS/jQuery实现DIV延时几秒后消失或显示的方法。分享给大家供大家参考,具体如下: 1、最常用的方法(setTimeout): [removed] $(function () { setTimeout(function () { $("divid").show(); }, ...

    jquery.实现div悬浮

    这个实例是基于jQuery库来实现的,jQuery是JavaScript的一个强大库,它简化了DOM操作、事件处理和动画制作等任务。 在HTML中,div是一个常用的内容容器,我们可以为它定义样式和行为。在实现div悬浮效果时,首先...

    JQUery弹出div层窗口,附带jquery的js文件,可以直接运行

    按钮的点击事件会通过jQuery绑定到一个JavaScript函数,这个函数负责展示或隐藏div层窗口。 `popup.js`是这个项目的重点,它包含了使用jQuery实现的JavaScript代码。在`popup.js`中,开发者可能定义了一个函数,当...

    jQuery显示隐藏DIV简单实例.zip

    本实例重点讲解如何利用jQuery来实现显示和隐藏DIV元素的功能,这对于网页内容的布局和交互性提升至关重要。下面将详细阐述这一过程。 首先,我们需要在HTML文档中引入jQuery库。这通常通过在`<head>`标签内添加一...

    Jquery弹出div层窗口以及div屏幕居中,背景滤镜效果,div拖拽效果

    **jQuery弹出div层窗口** 在网页开发中,jQuery提供了便捷的方式来创建动态的、可交互的弹出div层窗口。这种技术通常用于显示警告、消息、表单或任何需要用户注意的内容。创建一个弹出div层窗口的关键在于利用...

    jquery div拖动排序效果代码.zip

    本教程将详细讲解如何利用jQuery实现一个div元素的拖动排序效果,结合CSS样式,创建出一款从左到右慢慢展开且可自由拖动排序的特效。 首先,我们需要在HTML中设置好基础结构。创建一系列的div元素,每个div代表一个...

    jquery实现div模块轮播切换

    本文将深入探讨如何使用 jQuery 来实现一个div模块的轮播切换效果,这种效果通常用于展示多个图片或内容块,使得用户可以在有限的页面空间内浏览更多的信息。 首先,我们需要在HTML中创建轮播的基础结构。这通常...

    JQuery-DIV弹窗

    这种效果通过CSS样式实现背景变灰,通过jQuery控制DIV的显示和隐藏,以及响应用户的关闭操作。 首先,我们需要创建一个HTML结构,包含一个隐藏的DIV作为弹窗容器,以及必要的触发按钮: ```html <!DOCTYPE html> ...

    JS/JQuery生成二维码图片源码示例

    在JavaScript和jQuery的世界里,生成二维码是一项常见的任务,特别是在网页开发中用于分享链接或信息。本文将深入探讨如何使用JS和jQuery来创建二维码图片,并基于提供的"JS/JQuery生成二维码图片源码示例"进行详细...

    js实现的点击div区域外隐藏div区域

    本文所讲述的是基于JavaScript和jQuery实现点击div区域外隐藏div区域的技术细节和实现方法。通过分析文档中提供的代码示例和相关知识点,我们可以全面理解这一功能的实现原理。 首先,我们需要了解JavaScript事件...

    jQuery浮动层 jQuery实现div跟着鼠标走

    接下来,我们用jQuery编写JavaScript代码来实现浮动层的动态效果: ```javascript $(document).ready(function() { var floatingLayer = $('#floatingLayer'); floatingLayer.css('display', 'block'); // 显示...

    jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例

    本文所要介绍的知识点是使用jQuery实现点击DIV时同时触发CheckBox的选择,并根据CheckBox的选中状态改变DIV的背景色。这个实例具有很高的实用价值,通过编写jQuery脚本来控制元素的交互行为,适用于需要增强用户界面...

    jquery.floatdiv 浮动层固定位置

    jquery.floatdiv 浮动层固定位置 /*说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动*/ /*调用: 1 无参数调用:默认浮动在右下角 $("#id").floatdiv(); 2 内置...

Global site tag (gtag.js) - Google Analytics