zoukankan      html  css  js  c++  java
  • jQuery学习(监听DOM加载)

    
    

    jQuery的extend方法

    function njQuery() {
    
    }
    /*
    njQuery.extend = function (obj) {
        // 此时此刻的this就是njQuery这个类
        // console.log(this);
        for(var key in obj){
            // njQuery["isTest"] = function () {console.log("test");}
            this[key] = obj[key];
        }
    }
    njQuery.extend({
        isTest: function () {
            console.log("test");
        }
    });
    njQuery.isTest();
    */
    /*
    njQuery.prototype.extend = function (obj) {
        // 此时此刻的this是njQuery对象
        // console.log(this);
        for(var key in obj){
            // q["isDemo"] = function () {console.log("demo");}
            this[key] = obj[key];
        }
    }
    var q = new njQuery();
    q.extend({
        isDemo: function () {
            console.log("demo");
        }
    });
    q.isDemo();
    */
    
    njQuery.extend = njQuery.prototype.extend = function (obj) {
        // console.log(this);
        for(var key in obj){
            this[key] = obj[key];
        }
    }
    // njQuery.extend({});
    var q = new njQuery();
    q.extend({});

    jQuery监听DOM加载

    /*
    onload事件会等到DOM元素加载完毕, 并且还会等到资源也加载完毕才会执行
    DOMContentLoaded事件只会等到DOM元素加载完毕就会执行回调
    */
    /*
    window.onload = function (ev) {
        // var res = document.querySelectorAll("div");
        // console.log(res);
        console.log("onload");
    }
    document.addEventListener("DOMContentLoaded", function () {
        // var res = document.querySelectorAll("div");
        // console.log(res);
        console.log("DOMContentLoaded");
    });
    */
    /*
    document.readyState属性有如下的状态
    uninitialized - 还未开始载入
    loading - 载入中
    interactive - 已加载,文档与用户可以开始交互
    complete - 载入完成
    
    onreadystatechange事件就是专门用于监听document.readyState属性的改变的
    */
    /*
    document.attachEvent("onreadystatechange", function () {
        if(document.readyState == "complete"){
            console.log("onreadystatechange");
        }
    });
    */
    $(function () {
        var res = document.querySelectorAll("div");
        console.log(res);
    });
  • 相关阅读:
    ElasticSearch安装中遇到的一些问题
    微信扫描二维码下载问题
    nginx截获客户端请求
    Nginx中的一些匹配顺序
    Redis-cli命令最新总结
    RabbitMQ服务安装配置
    Nginx服务状态监控
    使用Sqlserver更新锁防止数据脏读
    PHPStorm IDE 快捷键(MAC)
    MongoDB 安装
  • 原文地址:https://www.cnblogs.com/zzxuan/p/9370115.html
Copyright © 2011-2022 走看看