用jquery模拟鼠标点击事件

Jquery模拟鼠标点击事件,如下面这个例子,下面这个例子实现的效果就是点击b和点击a的效果是一样的,虽然我们并没有给b设置具体的点击事件。

    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>jquery模拟鼠标点击事件-示例</title> 
    <script type="text/javascript" src="http://www.daimajiayuan.com/templets/skins/js/jquery-1.8.1.min.js"></script> 
    </head> 
    <body> 
    <script type="text/javascript"> 
    $(function(){ 
        $("#a").click(function(){ 
            alert('当前鼠标点击对象的 id 值为:'+$(this).attr('id')); 
        }); 
        $("#b").click(function(){ 
            $("#a").trigger("click");//模拟执行id=a的事件 
        }); 
    }); 
    </script> 
    </body> 
    <div id="a" style="width:300px; height:200px; background-color:#999;">a</div> 
    <div id="b" style="width:300px; height:200px; background-color:#999; margin:30px 30px;">b</div> 
    </html> 

 

posted @ 2016-09-05 17:34  智昕  阅读(6737)  评论(0编辑  收藏  举报