Trigger in JQuery

Debendra Dash
9y
2k
0
2

Blog

Introduction

The JQuery trigger Method is Used to Trigger a specified event of another control. In simple word this method is used to execute the code of other control from one control.

The main characteristics of this method is-

Trigger() will affect every element in jquery in the Jquery object.
Trigger() event will bubble up the DOM tree.
Trigger() allow the default beheviour of event to occur.
The Syntax for the Trigger is:

trigger

So here, I am explaining a example which clearly demonstrate how we can use the trigger in Real Time Project.

Here I have 2 button in my UI.

The Html Code for this button is:

<body>
<form id="form1" runat="server">
<asp:Button runat="server" ID="btn_Click" Text="Click" />
<br />
<br />
<asp:Button runat="server" ID="btn_say" Text="Say Hello" />
</form>
</body>

Now writing following JavaScript For "BUTTON SAY " Click.

<head runat="server">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("#btn_say").click(function () {
alert("Hello World");
});
});
</script>
</head>

As per the code it works fine when we click the "Say Hello" button.

Now execute the same code in the "Click" button click .So for triggering the "sayHello" button logic in "Click" button click we need trigger here.

So my Java script will be like this.