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(){

    //编写代码

    });

  • 相关阅读:
    vue实战使用ajax请求后台数据(小白)
    jQuery实现tab栏切换效果
    jQuery下的ajax实例
    数据库之视图更新
    SQL Server 全文索引创建
    SQL Server 分区表
    数据快照 (Database Snapshot)
    FileStream
    ODBC,OLEDB,ADO,ADO.net,JDBC 理解
    拖延症?贪玩?来试试"百万金币时间管理法"
  • 原文地址:https://www.cnblogs.com/zhangchunxi/p/4043156.html
Copyright © 2011-2022 走看看