前端学习-jQuery实现模态框

需求：当点击按钮计算器时，在窗口中间弹出模态框，可以计算，点击x关闭模态框
效果图：

QQ截图20180828192630.jpg

    
    
    


    

        计算器
        

            
简易计算器
            

                
                
                    +
                    -
                    *
                    /
                
                
                =
                
            
            
            ×
        
    

    
    

知识点总结：
1、常用html标签的属性使用，div，span，input，select；
2、如何阻止事件流之冒泡事件：event.stopPropagation()；
3、定位：父相子绝，脱离标准流，可设宽高，点位盒子居中显示left：50%，margin-left：-50%宽度；
4、jq之Dom操作，$().on() 事件委托；