jQuery中trigger()方法用法实例

577 阅读 0 评论 381 点赞

我是靠谱客的博主无限纸飞机，最近开发中收集的这篇文章主要介绍jQuery中trigger()方法用法实例，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

此方法触发匹配元素指定类型的事件。

语法结构一:
规定匹配元素被触发的事件类型。

复制代码代码如下:

$(selector).trigger(event,param1,param2,...)

参数列表:

参数	描述
event	规定指定元素要触发的事件。可以是自定义事件（使用 bind() 函数来附加），或者任何标准事件。
param	可选。传递到事件处理程序的额外参数。额外的参数对自定义事件特别有用。

实例代码:

复制代码代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.uoften.com/" />

<title>trigger()函数-脚本之家</title>

<style type="text/css">

div{

  width:200px;

  height:200px;

  border:1px solid blue;

}

</style>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("div").click(function(){

    $("div").append("添加的内容");

  });

  $("button").click(function(){

    $("div").trigger("click");

  })

})

</script>

</head>

<body>

  <div></div>

  <button>点击激活事件</button>

</body>

</html>

当点击button按钮可以的时候可以出发div上的click事件，进而执行click事件处理函数。

语法结构二:

以事件对象作为参数规定匹配元素要被触发的事件类型。

复制代码代码如下:

$(selector).trigger(eventObj)

参数列表:

参数	描述
eventObj	事件对象规定了事件发生时运行的函数。

实例代码:

复制代码代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.uoften.com/" />

<title>trigger()函数-脚本之家</title>

<style type="text/css">

div{

  width:200px;

  height:200px;

  border:1px solid blue;

}

</style>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("div").click(function(){

    $("div").append("添加的内容");

  });

  var e=jQuery.Event("click");

  $("button").click(function(){

    $("div").trigger(e);

  })

})

</script>

</head>

<body>

  <div></div>

  <button>点击激活事件</button>

</body>

</html>