jquery中在页面加载完成后执行某个方法

 更新时间:2022年10月24日 15:23:38   作者:.Net10  
这篇文章主要介绍了jquery中在页面加载完成后执行某个方法,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

jquery页面加载完成后执行某方法

alert("页面加载完成!");
}); 

其对应的完整形态为:

$(document).ready(function(){ 
    alert("页面加载完成!");
}); 

原生JS方法:

window.function(){ 
    alert("页面加载完成!");
}

jquery等待特定元素加载再执行相关函数

jQuery.fn.wait = function (func, times, interval) {
    var _times = times || 100, //100次
        _interval = interval || 20, //20毫秒每次
        _self = this,
        _selector = this.selector, //选择器
        _iIntervalID; //定时器id
    if( this.length ){ //如果已经获取到了,就直接执行函数
        func && func.call(this);
    } else {
        _iIntervalID = setInterval(function() {
            if(!_times) { //是0就退出
                clearInterval(_iIntervalID);
            }
            _times <= 0 || _times--; //如果是正数就 --
            _self = $(_selector); //再次选择
            if( _self.length ) { //判断是否取到
                func && func.call(_self);
                clearInterval(_iIntervalID);
            }
        }, _interval);
    }
    return this;
}

默认是执行100次,每次间隔20毫秒,最长等待时间是2000毫秒(2秒),如果要一直等待到元素出现,可以将100改成任意负数。

上面这段代码直接复制过去,调用方法:

$(".buyGoods_guige_goods").wait(function(){BuyNow();})

“.buyGoods_guige_goods”是需要等待出现的元素,“BuyNow()”是出现后需要执行的函数。

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • jquery 禁止鼠标右键并监听右键事件

    jquery 禁止鼠标右键并监听右键事件

    本篇文章主要介绍了jquery禁止鼠标右键并监听右键事件的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • jQuery选择器之层次选择器用法实例分析

    jQuery选择器之层次选择器用法实例分析

    这篇文章主要介绍了jQuery选择器之层次选择器用法,结合实例形式分析了jQuery后代元素选择器、子元素选择器、相邻元素选择器、兄弟元素选择器等相关使用技巧,需要的朋友可以参考下
    2019-02-02
  • Jquery焦点图实例代码

    Jquery焦点图实例代码

    这篇文章主要介绍了Jquery焦点图实例代码,详细讲述了使用jQuery实现焦点图的详细步骤,代码中备有较为详尽的注释说明,便于大家理解,需要的朋友可以参考下
    2014-11-11
  • jquery中动态效果小结

    jquery中动态效果小结

    只需引入jqery.js,不需要引入插件,利用jquery定义的一些基本方法,就能实现诸如隐藏,显示,淡入,淡出,半透明等
    2010-12-12
  • jQuery搜索子元素的方法

    jQuery搜索子元素的方法

    这篇文章主要介绍了jQuery搜索子元素的方法,实例分析了children、find等方法的使用技巧,需要的朋友可以参考下
    2015-02-02
  • 基于jquery ui的alert,confirm方案(支持换肤)

    基于jquery ui的alert,confirm方案(支持换肤)

    这篇文章主要介绍了基于jquery ui的alert,confirm方案(支持换肤),修改自网友的源码,有需要的小伙伴参考下。
    2015-04-04
  • PHP结合jQuery实现的评论顶、踩功能

    PHP结合jQuery实现的评论顶、踩功能

    本文给大家分享的功能是这样的:你点击一下顶或踩按钮,记录数值到数据库,并且有颜色的背景跟着变,按照百分比的变化。这样就可以通过背景颜色一眼就看清楚那边支持的人比较多。
    2015-07-07
  • 基于jQuery拖拽事件的封装

    基于jQuery拖拽事件的封装

    这篇文章主要为大家详细介绍了基于jQuery拖拽事件的封装,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • jquery中push()的用法(数组添加元素)

    jquery中push()的用法(数组添加元素)

    这篇文章主要介绍了jquery的push使用方法,可向数组的末尾添加一个或多个元素,并返回新的长度,需要的朋友可以参考下
    2014-11-11
  • jquery缓动swing liner控制动画过程不同时刻的速度

    jquery缓动swing liner控制动画过程不同时刻的速度

    一个用来控制动画过程的速度的参数,这就是缓动(easing),它确定了动画过程不同时刻的速度
    2014-05-05

最新评论