Usage examples of trigger() method in jQuery-JS Tutorial-php.cn

Home

Web Front-end

JS Tutorial

Usage examples of trigger() method in jQuery

巴扎黑

Jun 25, 2017 pm 01:27 PM

jquerytriggerExamplemethodusage

This article mainly introduces the usage of the trigger() method in jQuery. The example analyzes the function, definition and usage skills of the trigger() method to trigger the specified type of event of the matching element. Friends in need can refer to it

The example in this article describes the usage of the trigger() method in jQuery. Share it with everyone for your reference. The specific analysis is as follows:

This method triggers events of the specified type that match the element.

Grammar structure 1:
Specifies the event type that is triggered by the matching element.

The code is as follows:

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

Parameter list:

eventparam procedure.

Parameter Description

#Specifies the event to be triggered by the specified element. It can be a custom event (attached using the bind() function), or any standard event.

Optional. Additional parameters passed to the event handler

The extra parameters are especially useful for custom events.

Example code:

The code is as follows:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>trigger()函数-脚本之家</title>
<style type="text/css">
p{
  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(){
  $("p").click(function(){
    $("p").append("添加的内容");
  });
  $("button").click(function(){
    $("p").trigger("click");
  })
})
</script>
</head>
<body>
  <p></p>
  <button>点击激活事件</button>
</body>
</html>

When the button button is clicked, the click event on p can be triggered, and then the click event processing function can be executed.

Grammar structure two:

Using the event object as a parameter specifies the event type to be triggered for the matching element.

The code is as follows:

$(selector).trigger(eventObj)

Parameter list:

Parameters	Description
eventObj	The event object specifies the function to be run when the event occurs.

Example code:

The code is as follows:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>trigger()函数-脚本之家</title>
<style type="text/css">
p{
  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(){
  $("p").click(function(){
    $("p").append("添加的内容");
  });
  var e=jQuery.Event("click");
  $("button").click(function(){
    $("p").trigger(e);
  })
})
</script>
</head>
<body>
  <p></p>
  <button>点击激活事件</button>
</body>
</html>

The above is the detailed content of Usage examples of trigger() method in jQuery. For more information, please follow other related articles on the PHP Chinese website!

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn