trigger自动执行事件

html
<button>点击文字变红</button>
 <p>trigger出发点击事件</p>
js
$('button').click(function(event) {
            $(this).next().css('color','red');
        });
        $('button').trigger('click'); //不用点击颜色就变红了

 或者通过a来点击b

复制代码
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <style type="text/css">
  div{width: 200px;height: 200px;margin:20px;background-color:pink;}
    </style>
    <body>
           <div class='box1' onclick='box1(this)'>盒子1</div>
           <div onclick='box2(this)'>盒子2</div>

    </body>
    <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript">
        function box1(self){
            console.log(self)
        }

        function box2(self){
            $('.box1').trigger("click")
        }

    </script>
</html>
复制代码

 

posted @   xuanPhoto  阅读(133)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· 什么是nginx的强缓存和协商缓存
· 一文读懂知识蒸馏
· Manus爆火,是硬核还是营销?
点击右上角即可分享
微信分享提示