<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } .father{ width: 200px; height: 200px; background: red; } .son{ width: 100px; height: 100px; background: blue; } </style> <script src="./jquery-1.10.1.min.js"></script> </head> <body> <script> $(function() { $(".son").click(function() { alert("666"); }); $(".father").click(function() { alert("999"); }); // $(".father").trigger("click"); // $(".father").triggerHandler("click"); /*
trigger: 如果利用trigger自动触发事件,会触发事件冒泡
triggerHandler: 如果利用triggerHandler自动触发事件, 不会触发事件冒泡
*/ //$(".son").trigger("click"); // $(".son").triggerHandler("click"); //$("input[type='submit']").trigger("click");//页面一打开自动执行事件 // $("input[type='submit']").triggerHandler("click");//页面一打开自动执行事件 $("span").click(function() { alert("a"); }); $("span").trigger("click"); }); </script> <div class="father"> <div class="son"></div> </div> <a href="http://www.baidu.com"><span>注册</span></a> <form action="http://www.taobao.com"> <input type="text"> <input type="submit"> </form> </body> </html>
jQuery第二十五篇 事件自动触发
关注
打赏
