• jQuery模拟点击


    javascript

    对象

    javascript的对象是key-value形式:如

    var obj = {name: 'Chris'};

    自执行匿名函数

    常见格式如下:

    (function() { /* code */ })();

    解释:包围函数(function(){})的第一对括号向脚本返回未命名的函数,随后一对空括号立即执行返回的未命名函数,括号内为匿名函数的参数。

    作用:可以用它创建命名空间,只要把自己所有的代码都写在这个特殊的函数包装内,那么外部就不能访问,除非你允许(变量前加上window,这样该函数或变量就成为全局)。各JavaScript库的代码也基本是这种组织形式。

    总结:执行函数的作用主要为 匿名 和 自动执行,代码在被解释时就已经在运行了。

    jQuery

    jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。

    jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。所以在网站设计中使用jQuery可以写更少的代码实现更多的功能。而且它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

    jQuery基本使用方法

    原文链接:https://www.cnblogs.com/596014054-yangdongsheng/p/10192884.html

    jQuery模拟点击

    原文地址:https://www.cnblogs.com/xguoz/p/11728503.html

    在某些情况下,我们需要自动执行一些点击事件。比如:一些 tab 一般是通过点击事件来加载不同的数据内容。

    而如果要页面加载完直接显示第三个 tab,怎么办呢?此时就需要用到 jQuery 的模拟点击事件。

    要用到 jQuery 的 trigger 方法。 如:

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

    会自动执行 id 为 btn 的 click 事件。还可以写成:

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

    而要是执行class的click事件,就可以写成:

        $('.banner_cta').trigger('click');
    

    其中banner_cta是某个div的class

    trigger() 方法不仅可以触发浏览器支持的同名事件,还可以支持自定义事件。如下:

        $('#btn').bind("myClick", function(){     
                $('#test').append("<p>我的自定义事件.</p>");     
        });
    

    小注:$('#XXX')或$('.XXX'),表示需要通过jQuery来查找对应的id或class

    绑定一个 myClick 自定义事件。

    可以通过:

        $('#btn').trigger("myClick");
    

    来触发模拟点击。

    trigger() 方法会触发浏览器的默认事件。如下,不仅会执行用户绑定的focus事件,还会执行浏览器的默认focus 事件,使 input 获取焦点。

        $("input").trigger("focus");
    

    如果只想执行用户绑定的 focus 事件,而不执行浏览器的默认事件,则可以通过 jQuery 的另外一个方法。triggerHandler() 来实现。

        $("input").triggerHandler("focus");
    

    此方法,只会执行绑定的 focus 事件,而取消 浏览器的默认事件。即,只执行focus事件,input 框不会获取焦点。

  • 相关阅读:
    百度百科目录导航树小插件
    Docker for windows部署mysql挂载数据卷
    ASP.NET CORE 2.0 不小心踩得坑
    获取MVC中Controller下的Action参数异常
    DataTableToList
    svn禁止提交的文件
    plush
    解决端口号被占用的问题
    vue-router
    vue-layer
  • 原文地址:https://www.cnblogs.com/gwzz/p/14704483.html
Copyright © 2020-2023  润新知