JQuery学习一：.trigger()

最新推荐文章于 2024-07-19 15:11:13 发布

JMission

最新推荐文章于 2024-07-19 15:11:13 发布

阅读量527

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： jquery javascript trigger 自动触发事件

本文链接：https://blog.youkuaiyun.com/JMission/article/details/42082949

JS 专栏收录该内容

11 篇文章

订阅专栏

本文通过两个实例介绍了 JQuery 中 .trigger() 方法的作用及使用方法。该方法能触发指定元素的特定事件类型，适用于需要手动触发事件的场景。

JQuery事件：.trigger()

定义和作用：它可以触发指定被选元素的指定事件类型。

举例：

例一：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
<span style="color:#006600;">  $("input").select(function(){
   </span> $("input").after("文本被选中！");<span style="color:#006600;">
  });</span>
  $("button").click(function(){
   <span style="color:#cc0000;"> $("input").trigger("select");</span>
  });
});
</script>
</head>
<body>
<input type="text" name="FirstName" value="Hello World" />
<br />
<button>激活 input 域的 select 事件</button>
</body>
</html>

例二：

 ractive.on("load", function(){
                var url = "/report/abtest/list/test.json";
                $.get(url, function(res, status) {
                    ractive.set('tests', res);
                    var i=0;
                    $('#leftNavigation > li > a').each(function(){<span style="background-color: rgb(255, 255, 153);">//为每一个testList里面的test绑定一个点击事件</span>
                        <span style="color:#009900;">$(this).click(function(){</span>
                            $.get("/report/abtest/info/test.json?test_id=" + $(this).attr("id"), function(res, status){
                                res.groups = JSON.parse(res.groups);
                                res.status_text = parse_status(res.status);
                                res.action_text = parse_action_text(res.status);
                                ractive_detail.set("test_info", res);<span style="background-color: rgb(255, 255, 153);">//更新test_info</span>
                           <span style="color:#009900;"> });</span>
                        });
                        if (i == 0){
                           <span style="color:#cc0000;"> $(this).trigger("click");</span>
                        }
                        i += 1;
                    });
                });
            });