zoukankan      html  css  js  c++  java
  • Jquery挂事件与移除事件

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script src="file:///E|/课程视频/0103Jquery/Jquery/jquery-1.11.2.min.js"></script>
    </head>
    
    <body>
    
    <input type="button" value="测试" onclick="test()" />
    <input type="button" value="测试2" id="btn" />
    
    <input type="button" value="测试3" class="btn" />
    <input type="button" value="测试4" class="btn" />
    <input type="button" value="测试5" class="btn" />
    
    <input type="button" value="挂事件" id="gua" />
    <input type="button" value="测试事件" id="ceshi" />
    <input type="button" value="移除事件" id="yichu" />
    
    </body>
    <script type="text/javascript">
    
    function test()
    {
        alert("aa");
    }
    
    $(document).ready(function(e) {
        
        $("#btn").click(function(){
                alert("第二个按钮");
            })
            
        $(".btn").click(function(){
                //alert("事件加上了");
                alert($(this).val());
            })
        
        
        //点击给测试事件按钮挂一个事件
        $("#gua").click(function(){
                //bind方法用于挂事件
                $("#ceshi").bind("click",function(){
                        alert("挂上了事件");
                    });
                
            })
            
        //点击给测试事件按钮移除点击事件
        $("#yichu").click(function(){
                $("#ceshi").unbind("click");
            })
        
    });
    
    </script>
    </html>
  • 相关阅读:
    BigInteger与BigDecimal
    Java常用类之时间类
    Java常用类之字符串类
    单例对象 (Singleton)设计模式
    包装类的使用
    Object 类中的主要结构
    PostgreSQL执行计划的解析
    Redis5.0 配置文件中文参考
    jvm系列(六):jvm调优-工具篇
    5,Spark中文件格式、压缩和序列化
  • 原文地址:https://www.cnblogs.com/chaochao00o/p/6251428.html
Copyright © 2011-2022 走看看