jQuery中triggerHandler()方法用法实例

jQuery中triggerHandler()方法用法实例,第1张

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

此方法触发被选元素的指定事件类型。

从上面定义可以看出此方法和trigger()方法功能上很类似,但还是有巨大区别。以下是主要区别:

1此方法不会触发浏览器默认事件。

2此方法触发jQuery对象集合中第一个元素的事件处理函数,不会产生事件冒泡。

3此方法的返回的是事件处理函数的返回值,而不是据有可链性的jQuery对象。

语法结构:

复制代码

代码如下:$(selector)triggerHandler(event,[param1,param2,])

参数列表:

参数

描述

event

规定指定元素要触发的事件类型。

param

可选。传递到事件处理程序的额外参数。

实例代码:

复制代码

代码如下:

<!DOCTYPE

html>

<html>

<head>

<meta

charset="utf-8">

<meta

name="author"

content=">

本文实例讲述了JQuery实现的按钮倒计时效果。分享给大家供大家参考,具体如下:

一个实现了在按钮上显示倒计时,倒计时完毕自动将按钮设置为不可用的效果,具体代码如下:

<html>

<head>

<title>test

count

down

button</title>

<script

src="jquery183minjs"

type="text/javascript"></script>

<script

type="text/javascript">

$(function

()

{

$('#btn')click(function

()

{

var

count

=

10;

var

countdown

=

setInterval(CountDown,

1000);

function

CountDown()

{

$("#btn")attr("disabled",

true);

$("#btn")val("Please

wait

"

+

count

+

"

seconds!");

if

(count

==

0)

{

$("#btn")val("Submit")removeAttr("disabled");

clearInterval(countdown);

}

count--;

}

})

});

</script>

</head>

<body>

<input

type="button"

id="btn"

value="Submit"

/>

</body>

</html>

运行效果截图如下:

希望本文所述对大家jQuery程序设计有所帮助。

大概意思就是触发每一个匹配元素的click事件 本文通过一个实例为大家详细介绍下jquery click([data] fn)的使用方法 感兴趣的朋友可以参考下哈 希望对大家有所帮助

这篇文章主要介绍了jQuery中unwrap()方法用法,实例分析了unwrap()方法的定义、功能及移除匹配元素父元素的使用技巧,需要的朋友可以参考下

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

此方法将移除匹配元素的父元素。

从方法的字面意思可以看出是清除wrap()方法的效果。

语法:

代码如下:

$(selector)unwrap()

实例代码:

代码如下:

<!DOCTYPE

html

PUBLIC

"-//W3C//DTD

XHTML

10

Transitional//EN"

">

以上就是关于jQuery中triggerHandler()方法用法实例全部的内容,包括:jQuery中triggerHandler()方法用法实例、jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)、JQuery实现的按钮倒计时效果等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/9847655.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存