zoukankan      html  css  js  c++  java
  • 点击div外面该div消失

    <head>
    	<meta charset="UTF-8">
    	<title></title>
    	<script type="text/javascript" src="js/jquery-2.2.2.min.js"></script>
    	<style type="text/css">
    		.main {
    			 300px;
    			height: 300px;
    			background: red;
    		}
    		
    		.content {
    			 100px;
    			height: 100px;
    			background: blue;
    		}
    	</style>
    	<script type="text/javascript">
    

    // $(function() { //方法一
    // $("#showdiv").click(function(e) {
    // if($("#test").is(":hidden")) {
    // $("#test").fadeIn();
    // e ? e.stopPropagation() : event.cancelBubble = true;
    // }
    // });
    // $("#test").click(function(e) {
    // e ? e.stopPropagation() : event.cancelBubble = true;
    // });
    // $(document).click(function() {
    // $("#test").fadeOut();
    // });
    // })
    // $(function(){ //方法二
    // $("#showdiv").click(function(e){
    // alert(e.target.className);
    // if(e.target.className!=="content"){
    // $("#test").hide();
    //// $("#showdiv").hide();
    // }
    // })
    // $("#test").click(function(){
    // alert(1111);
    // return false; //阻止事件冒泡到父级DIV
    // })
    // })
    $(function(){ //方法三
    $("#showdiv").click(function(){
    $("#test").hide();
    return false;
    })
    $("#test").click(function(){
    return false;
    })
    })

    <body>
    	<div id="showdiv" class="main">
    		<div id="test" class="content">
    
    		</div>
    	</div>
    </body>
    
  • 相关阅读:
    关于方差所引发的遐想
    POJ 1390 Blocks
    POJ 1722 SUBTRACT
    BZOJ 1901 Dynamic Rankings
    关于Shine-hale
    ACM恢复训练(一)最短路
    CSP退役记
    校内模拟赛(三)(9.24)
    校内模拟赛(二)(9.12)
    校内模拟赛(一)(2019.9.10)
  • 原文地址:https://www.cnblogs.com/libin-1/p/5746099.html
Copyright © 2011-2022 走看看