• 技术文章 >web前端 >js教程

    jQuery中die()方法用法实例

    巴扎黑巴扎黑2017-06-30 13:56:56原创635
    这篇文章主要介绍了jQuery中die()方法用法,实例分析了die()方法的功能、定义及移除所有通过live()方法向指定元素添加的一个或多个事件处理程序的使用技巧,需要的朋友可以参考下

    本文实例讲述了jQuery中die()方法用法。分享给大家供大家参考。具体分析如下:

    此方法移除所有通过live()方法向指定元素添加的一个或多个事件处理程序。

    语法结构:

    代码如下:

    $(selector).die(type,function)

    参数列表:

    参数描述
    type可选。定义附加到元素的一个或多个事件类型。由空格分隔多个事件值。
    function定义当事件发生时运行的函数。

    实例代码:

    代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=" utf-8">
    <meta name="author" content="http://www.jb51.net/" />
    <title>脚本之家</title>
    <style type="text/css">
    p{border:1px solid blue;}
    li 
    {
      
    list-style-type
    :none;
      width:150px;
      height:150px;
      border:1px solid green;
    }
    </style>
    <script type="text/
    javascript
    " src="mytest/jQuery/jquery-1.8.3.js"></script>
    <script type="text/javascript"> 
    $(
    document
    ).ready(function(){ 
      $("p").live("click",function(){ 
        $("li").slideToggle(); 
      }); 
      $("button").click(function(){ 
        $("p").die(); 
      }); 
    }) 
    </script>
    </head>
    <body>
    <p>
      <ul>
        <li>脚本之家</li>
      </ul>
    </p>
    <button>删除添加</button>
    </body>
    </html>

    以上就是jQuery中die()方法用法实例的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jQuery ie 实例
    上一篇:jQuery的.live()和.die() 使用介绍 下一篇:jQuery.die() 函数使用详解实例
    千万级数据并发解决方案

    相关文章推荐

    • 浅析nodejs项目中的package.json的常见配置属性• angular学习之聊聊两种类型的表单• JavaScript怎么实现基础类型和对象一样有属性和方法• 简单总结JavaScript事件• 完全掌握JavaScript的Date对象
    1/1

    PHP中文网