cwlr.net
当前位置:首页 >> jq点击其他地方隐藏 >>

jq点击其他地方隐藏

第一先实现点击任何地方都隐藏该元素(假设id="bar") $(document).click(function(){ $("#bar").hide(); }); 那么bar也属于document,点击bar也会让自己隐藏,显然这不是想要的,这时候要阻止冒泡事件,即document的事件对bar无效 $("#bar").clic...

jquery实现点击页面其他地方隐藏指定元素:在很多效果中,都有这样的功能,当点击页面的其他地方时,能够隐藏一个指定的元素,例如在模拟实现的select下拉菜单效果中,当下拉菜单出现的时候,我们往往希望当点击页面其他地方的时候,能够隐藏下拉...

需要通过Jquery来实现这种点击页面其他地方隐藏菜单的效果,重要的一点就是需要通过event.stopPropagation()来阻止事件冒泡: 菜单按钮百度//绑定按钮事件,点击按钮可以打开菜单,同时也能关闭按钮$(".a").on("click", function(e){ if($(".men...

我的思路是给body绑定一个click事件,然后判断当前鼠标点击的区域是当前元素还是元素以外区域,如果点击对象不是当前元素,则隐藏该元素。 假设对象的id为divBtn,则代码如下: $('body').bind('click', function(event) { // IE支持 event.srcE...

收尾 点击显示 $b = $("#b"); $("#show").on({ "click": function(){ $b.toggle(); return false; } }); $(document).on({ "click": function(e){ var src = e.target; if(src.id && src.id ==="b"){ return false; }else{ $b.hide(); } } });

$(function(){$('.btn').click(function(event){event.stopImmediatePropagation();//取消事件冒泡;$('.box').show();});$(document).bind("click",function(){$('.box').hide();})});

参考代码: 菜单按钮 百度 $(".a").on("click", function(e){ if($(".menu").is(":hidden")){ $(".menu").show(); }else{ $(".menu").hide(); } $(document).one("click", function(){ $(".menu").hide(); }); e.stopPropagation(); }); $(".men...

在同一页面内,点击页面内任何地方事件: $(document).click(function () { 事件,如隐藏div: $("div").hide(); }) 它会产生点击冒泡事件,解决方案如下: $("button").click(function(){ //同页面中任何点击事件中 $("div").show(); ......//...

思路:获取被点击元素之外的元素,使用remove()方法删除节点。 下面进行实例演示——点击某个div后,删除同级的其余div元素: 1、HTML结构 1 2 3 2、jquery代码 $(function(){ $(".test").click(function() { $(this).siblings().remove(); // 使...

点击.div{background-color:black;border: 1px solid red;width:100px;height:100px;display:none}$("button").click(function(){ if($(".div").css("display")=="none"){ $(".div").show(); }else{ $(".div").hide(); } });

网站首页 | 网站地图
All rights reserved Powered by www.cwlr.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com