Jquery挂事件与移除事件

Posted 小太白

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

 

以上是关于Jquery挂事件与移除事件的主要内容,如果未能解决你的问题,请参考以下文章

事件的绑定与移除

添加事件与移除事件

11月8日上午Jquery的基础语法选取元素操作元素加事件挂事件及移除事件

js添加与移除事件

jQuery事件委托为动态添加的全部元素移除类名

jquery事件