当前位置：首页 > 资讯 > 技术文档

jQuery中delegate()方法用法实例

时间：2022-11-12 14:28 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery中delegate()方法用法实例

本文实例讲述了jQuery中delegate()方法用法。分享给大家供大家参考。具体分析如下：此方法为匹配元素的子元素添加一个或多个事件，并规定当这些事件发生时运行的函数。 [b]语法结构: [/b]

$(selector).delegate(childofselector,type,data,function)

[b]参数列表: [/b]

参数	描述
childofselector	定义要附加事件处理程序的一个或多个子元素。
type	可选。定义附加到元素的一个或多个事件类型。由空格分隔多个事件值。
data	定义传递到事件处理函数的额外数据。
function	定义当事件发生时运行的函数。

[b]实例代码:[/b]

[u]复制代码[/u] 代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.1sucai.cn/" />

<title>编程素材网</title>

<style type="text/css">

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(){

  $("div").delegate("button","click",function(){

    $("li").slideToggle();

  })

})

</script>

</head>

<body>

<div>

  <ul>

    <li>编程素材网欢迎您</li>

  </ul>

  <button>点击查看效果</button>

</div>

</body>

</html>

以上代码可以div的子元素button元素注册click事件处理函数，当点击按钮的时候能够实现隐藏和显示的切换。希望本文所述对大家的jQuery程序设计有所帮助。

全部评论(0)

上一篇：jqurey 学习笔记传智博客佟老师附详细注释
下一篇：jQuery基本筛选选择器实例代码

资讯排行榜
更多>>