在页面中很多效果需要触发才能实现，比如click后的弹窗。但有时我们无法点击或是跳过用户触发，就像网页中那些可恶的广告弹窗

trigger函数可以实现模拟操作。譬如常用的点击动作，我们可以这样，

$('#btn').trigger('click');

这样当页面加载完成后就会立即触发id为btn的点击效果，除此之外还可以触发我们自定义的事件比如

$('#btn').bind('myClick',function(){`````});
$('#btn').trigger('myClick');

利用trigger的特性，我们可以把它变成表单中全选的效果

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title></title>

    </head>

    <body>

        <table border="" cellspacing="" cellpadding="">

            <tr>

                <th>

                    <input type="button" name="" id="" value="全选" /><br />

                    <input type="checkbox" name="" id="" value=""/><label for="">全选</label>

                </th>

            </tr>

            <tr>

                <td>

                    <input type="checkbox" name="" id="" value=""/><label for="">1</label>

                    <input type="checkbox" name="" id="" value=""/><label for="">2</label>

                    <input type="checkbox" name="" id="" value=""/><label for="">3</label>

                </td>

            </tr>

        </table>

        <script src="../jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>

        <script type="text/javascript">

            $('th input[type="button"]').click(function(){

                $('td input').trigger('click');

            });

            $('th input[type="checkbox"]').click(function(){

                $('td input').click();

            });

        </script>

    </body>

</html>

$('td input').click(); 和 $('td input').trigger('click'); 效果是一样的，trigger函数还可以传参，由此我们可以拓展他的各种功能。

jquery模拟操作——trigger()函数的更多相关文章

  1. jQuery 模拟操作

    1.常用模拟 有时,需要通过模拟用户操作,来达到单击的效果.例如在用户进入页面后,就触发 click 事件,而不需要用户去主动单击.在 jQuery 中,可以使用 trigger() 方法完成模拟操作 ...

  2. 第一百七十一节，jQuery，高级事件，模拟操作,命名空间,事件委托,on、off 和 one

    jQuery,高级事件,模拟操作,命名空间,事件委托,on.off 和 one 学习要点: 1.模拟操作 2.命名空间 3.事件委托 4.on.off 和 one jQuery 不但封装了大量常用的事 ...

  3. jQuery中的模拟操作

    jQuery中的模拟操作主要是通过trigger来触发,相当于页面加载完成后不需要用户点击按钮,就可以自动触发页面中的相关事件. trigger(type,[data])可以用来模拟触发自定义事件的触 ...

  4. jQuery Ajax 操作函数及deferred对象

    jQuery Ajax 操作函数 jQuery 库拥有完整的 Ajax 兼容套件.其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据. 函数 描述 jQuery.ajax() 执行异步 H ...

  5. jQuery Ajax 操作函数

    jQuery Ajax 操作函数 jQuery 库拥有完整的 Ajax 兼容套件.其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据. 函数 描述 jQuery.ajax() 执行异步 H ...

  6. Jq_Ajax 操作函数跟JQuery 遍历函数跟JQuery数据操作函数

    JQuery文档操作方法 jQuery 库拥有完整的 Ajax 兼容套件.其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据. 函数                             ...

  7. 用js或JQuery模拟点击a标签的操作

    一.用js模拟点击a标签的操作. jsp代码: <a id="login" href="${pageContext.request.contextPath}/log ...

  8. JQ-jQuery-Ajax：jQuery Ajax 操作函数

    ylbtech-JQ-jQuery-Ajax:jQuery Ajax 操作函数 1.返回顶部 1. jQuery Ajax 操作函数 jQuery 库拥有完整的 Ajax 兼容套件.其中的函数和方法允 ...

  9. Jquery一般操作归纳

    一.DOM操作分类    1.DOM Core  getElement(s)获得元素        2.HTML-DOM  document.对象/操作标签的属性        3.CSS-DOM   ...

随机推荐

  1. NGUI事件监听之UIEventListener的使用

    NGUI的事件绑定可以使用 UIButtonMessage 在一个游戏对象上添加Button Message组件: 在Button Message组件上添加要通知的游戏对象上所挂载的脚本的方法 Tar ...

  2. zju(6)中断控制实验

    1.实验目的 1.学习和掌握Linux下中断驱动的写法: 二.实验内容 1．编写EduKit-IV实验箱Linux操作系统下按键key的驱动: 2．编写EduKit-IV实验箱Linux操作系统下按键 ...

  3. websocket总结

    一.WebSocket简介 WebSocket  protocol是HTML5一种新的协议,WebSocket 是目前唯一真正实现全双工通信的服务器向客户端推送的互联网技术.WebSocket的出现使 ...

  4. bug1

    1从相册中获取图片,低版本可以,高版本不行.看见抛出 Bitmap too large to be uploaded into a texture 原来是高版本的android,机子好点,相机就好点, ...

  5. 温故而知新 OOP

    设计原则1: 找出应用中可能需要发生改变的地方,把它们独立出来,不要和那些不需要变化的代码混在一起换句话说,如果每次新的需求一来,都会使某方面的代码发生变化,此时你就可以确定,这部分代码属于不稳定代码 ...

  6. BizTalk开发系列(二) "Hello World" 程序搬运文件

    我们在<QuickLearn BizTalk系列之"Hello World">里讲到了如何快速的开发第一个BizTalk 应用程序.现在我们来讲一下如何把这个程序改成用 ...

  7. 【iCore3 双核心板_ uC/OS-III】例程五：软件定时器

    实验指导书及代码包下载: http://pan.baidu.com/s/1eSHenjs iCore3 购买链接: https://item.taobao.com/item.htm?id=524229 ...

  8. 同时使用python2和Python3

    问题:thrift生成的是python2代码,之前使用的是Python3因此需要同时使用两个版本. 方案:将python3的可执行文件重命名为python3(默认为Python),这样使用pyhton ...

  9. asp.net identity 2.2.0 在WebForm下的角色启用和基本使用（二）

    管理用户功能: 界面部分: <%@ Page Title="" Language="C#" MasterPageFile="~/Site.mas ...

  10. 国内docker镜像

    daocloud:https://www.daocloud.io/ 网易蜂巢:https://c.163.com/