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

Usage examples of trigger() method in jQuery

巴扎黑

Release： 2017-06-25 13:27:48

Original

1473 people have browsed it

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>

Copy after login

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>

Copy after login

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!