zoukankan      html  css  js  c++  java
  • JQuery学习记录——DOM的加载

    一、加载DOM

    在页面加载完毕后,浏览器会通过javaScript为DOM元素加载事件,在js中通常使用window.onload=function(){...}方法,在JQuery中使用$(document).ready(function(){...}),或简写成$(function{...}),这个方法使得在DOM载入就绪时就对其进行操作并调用执行所绑定的方法。

    两者区别:

    1)执行时机:

    前者必须等待网页中所有的内容(包括图片)加载完毕后才能执行;后者网页中所有的DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完。

    要想达到window.onload效果,可以使用jQuery中的load方法,将处理函数绑定给window对象,如:$(window).load(function(){...})

    2)多次使用

    window.onload只能编写一次,如果网页中有两个函数,则只有第二个有效,因为js的onload事件一次只能保存对一个函数的引用,会自动覆盖前面的函数;

    $(document).ready()则可以编写多次,每次调用$(document).ready()方法都会在现有行为上追加新的行为,这些函数根据注册顺序依次执行

    3)简写方式:

    $(document).ready(function(){
    //编写代码

    });

    简写为:

    $(function(){

    //编写代码

    })

    另外当$()不带参数时,默认的是document,因此也可以简写成:

    $().ready(function(){

    //编写代码

    });

  • 相关阅读:
    2019年10月24日打印个人信息清单
    vsftp安装
    网络连接
    mysql多种方法修改密码----5.6的坑
    openstack-L版安装
    openstack是什么
    kvm快照
    文件操作
    函数
    virt-manage图形界面键盘错位问题
  • 原文地址:https://www.cnblogs.com/zhangchunxi/p/4043156.html
Copyright © 2011-2022 走看看