jquery怎么点击div之外的地方隐藏div
<style type="text/css">
.A{ width:100px; height:50px; background:red;}
.B{ width:500px; height:500px; background:blue;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".B").hide();
$(".A").click(function(){
$(".B").toggle();
});
});
</script>
</head>
<body>
<div class="A">按</div>
<div class="B"></div>
</body>
点击A显示隐藏B，然后怎么点击A、B之外的地方隐藏B呢？
<html>
<head>
<meta charset="UTF-8" />
<title>last.html</title>
<style>
.A {
width: 100px;
height: 50px;
background: red;
}
.B {
width: 500px;
height: 500px;
background: blue;
}
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (document).ready (function ()
{
$ (".B").hide ();
$ (".A").click (function ()
{
$ (".B").toggle ();
});
}).click (function (e)
{
e = e || window.event;
if (e.target != $ ('.A')[0] && e.target != $ ('.B')[0])
{
$ ('.B').hide ();
}
});
</script>
</head>
<body>
<div class="A">按fffffffff</div>
<div class="B">ffffffffffff</div>
</body>
</html>
...上除了这个div这外的地方,隐藏这个div,jquery怎么写??
用document的onmousedown 响应鼠标在页面上的点击事件 IE中用event.srcElement；FF中用e.target；能获得鼠标点击的对象 然后你判断该对象是否为选择城市的这个div 不是的话就隐藏该 div 我想怎么用jquery你应该知道 吧 (document).mousedown(function(event){ alert(event.target.id); \/\/这样会弹出你单...
求用jquery点击空白处隐藏div的方法,寻找最简单的方法
把这个div放在一个div中，比如你这个显示出的div叫 id=‘div1’ 然后放在id ='mainDiv'中 mainDiv要充满整个屏幕，设置div1 在maindiv之上，这样点击空白处也就是点击mainDiv隐藏div1
js控制div显示隐藏实现(jquery控制div显示隐藏)
首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。03 接着用js来实现显示，隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式，有则删除这个样式，即显示div。如果没有，则添加一个hide的样式，即隐...
jquery 点击元素以外任意地方隐藏该元素的方法
第一先实现点击任何地方都隐藏该元素(假设id="bar")(document).click(function(){ ("#bar").hide();});那么bar也属于document，点击bar也会让自己隐藏，显然这不是想要的，这时候要阻止冒泡事件，即document的事件对bar无效 ("#bar").click(function(event){ event.stopPropagation();});...
鼠标放在超链接上, 显示DIV。 移开后隐藏DIV。
1、首先我们在html里定义一个div，id为‘mouse_div’，然后定义该div的样式，主要是定义position，让其绝对定位。2、然后通过JS脚本来做随鼠标移动的效果。先引入jquery脚本，因为用到jquery操作dom。3、最后添加代码，在页面加载完后，给页面添加鼠标mousemove事件，在事件函数里，调用 moving方法，就实现...
JQUERY多个DIV鼠标移入移出显示隐藏对应DIV
实现这种功能的jquery是相当简单的，list元素鼠标移入，当前元素里的 span显示；移出则相反，具体代码如下：(function(){\/\/鼠标移入$('.list').mouseenter(function(){\/\/这里使用mouseover也可以，使用mouseenter是防止冒泡(this).find('span').show();\/\/这里的show可以改成animate，toggle都可以});\/...
前端jquery代码如何隐藏div元素?
使用 jQuery 隐藏 div 元素，可借助.hide() 方法。例如，针对 id 为 "myDiv" 的 div 元素，可如是操作：若需配置动画效果速度，例如将速度设置为 "slow"，可结合以下代码实现：除了.hide() 方法，jQuery 提供.fadeOut() 和 .slideUp() 等其他用于隐藏元素的手段。这些方法提供了丰富动画效果与...
用jquery怎么实现点击显示,再一次点击隐藏
1、Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：2、然后引入Jquery的库文件，编写代码。首先获取a标签的dom并给它加一个click事件，在click的回调中判断div是否为隐藏状态，是的话就...
我想要点击一个DIV之外的任何地方,都能隐藏这个DIV要怎么弄?
<div>aaaaaaaaaaaa<\/div> 3、然后输入：<div id="pop"> 浮层，点击这个浮层以外的区域，都可以隐藏这个浮层 <p><a href="javascript:;">最主要的是点这个div里面的链接，div照样不隐藏<\/a><\/p> <\/div> <\/body> <\/html> <script type="text\/javascript"> function $(id) { return ...
JS(JQuery)点击一个对象显示出一个div,再次点击当前对象或者点击对象之 ...
("a").click(function(){ ("div").show()("body").one("click",function(){ ("div").hide()})})
