自动触发事件--jQuery事件处理

来源：互联网发布：娃娃的书知乎编辑：程序博客网时间：2024/06/07 13:12
l  自动触发事件知识点：网页上有两个按钮：BOLD和ITALIC，要求事件自动触发任一按钮上的单击事件。 说明：trigger()方法：此方法调用指定事件类型的事件处理函数（事件类型作为参数传递给此方法）。语法格式：trigger(eventType)eventType:是字符串，指定事件的类型，即：单击、双击、聚焦、失焦等等。 Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title>jQuery事件处理--自动触发事件</title>    <script type="text/javascript" src="../../rs/js/jquery.js"></script>    <script type="text/javascript">    <!--    $(        function()        {            $('.buttons').bind('click',                function()                {                    alert('YOU HAVE CLICKED THE [' +                         $(this).text() + '] BUTTON');                }            );            $('#ii').trigger('click');        }    );    //-->    </script>    <style type="text/css">        .buttons{            width:100px;            float: left;            text-align: center;            margin: 5px;            border: 2px solid;            font-weight: bold;            cursor: hand;        }    </style>  </head>  <body>    <span id="ib" class="buttons">BOLD</span>    <span id="ii" class="buttons">ITALIC</span>  </body></html>