专业编程基础技术教程

网站首页 > 基础教程 正文

Jquery中的delegate()使用方法介绍

ccvgpt 2024-11-24 12:26:52 基础教程 2 ℃

delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。

语法:

Jquery中的delegate()使用方法介绍

$("parentselector").delegate("childselector", "eventtype", function() {函数体});

例子:通过事件委托,给父元素添加事件,根据事件冒泡原理,任何一个对应的子元素都可以触发该事件,当任意一个button按钮鼠标移入移出的时候p段落隐藏和显示。

html部分:

<div style="background-color:red">

<p>这是一个段落。</p>

<button>请点击这里</button>

<button>请点击这里</button>

<button>请点击这里</button>

<button>请点击这里</button>

<button>请点击这里</button>

</div>

js部分:

$("div").delegate("button", "mouseover mouseout", function() {$("p").slideToggle(); });

最近发表
标签列表