Copy Code code as follows:
<body>
<div class= "Content" >
<span> Click Show hidden Content </span>
</div>
<div class= "Message" > here is the hidden content </div>
</body>
<script>
$ (document). Ready (function () {
$ ("span"). BIND ("click", Function () {
$ ('. Message '). Show ();
});
$ (". Content"). Bind ("click", Function () {
$ ('. Message '). Show ();
});
$ ("body"). Bind ("click", Function () {
$ ('. Message '). Show ();
});
});
</script>
The div and body events are all triggered when the span is clicked. To prevent this from happening
$ ("span"). BIND ("click", Function (e) {
$ ('. Message '). Show ();
E.stoppropagation ()//complete Event cleanup action
});
Simulate Event Trigger
Copy Code code as follows:
$ (". Content"). Bind ("Myclick", function (event,message1,message2) {
$ ( "#test"). Append (Message1+messages2);
});
$ ("#btn"). Trigger ("Myclick", ["My Event", "Trigger"]);