cari

Rumah >hujung hadapan web >tutorial js >jQuery中die()方法用法实例

jQuery中die()方法用法实例

巴扎黑
巴扎黑asal
2017-06-30 13:56:561512semak imbas

这篇文章主要介绍了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>


Atas ialah kandungan terperinci jQuery中die()方法用法实例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jQuery的.live()和.die() 使用介绍Artikel seterusnya：jQuery.die() 函数使用详解实例

Artikel berkaitan

Lihat lagi