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>
  • 相关阅读:
    前端常用js库地址
    react简介
    es6 decorator
    es6 之 class
    es6之对象扩展
    vs code 默认浏览器
    不同环境查看是否可访问外网、访问网址、ip地址、外网ip地址
    httprunner2简单了解,httprunner可实现的功能,jmeter均可实现,所以,未深入学习
    结构化问答
    《大数的认识》
  • 原文地址:https://www.cnblogs.com/chaochao00o/p/6251428.html
Copyright © 2011-2022 走看看