jQuery的入口函数

简介: jQuery的入口函数

入口函数的作用

该入口函数的作用是等dom结构渲染完成之后执行里面的代码,不需要等待css,图片等资源加载完毕。

方法一:$(document).ready(function(){
       //需要执行的代码
});
或者
方法二:$(function(){
    //需要执行的代码
});

函数仅能用于当前文档所以无需选择器,document可以省略不要。$的默认事件是ready,所以$也可以省略。最后最简便的就是方法二喽。

这两种方法均可行,但是一般常用方法二。

load和ready的区别

window.onload $(document).ready
执行时机 必须要等页面全部加载完毕之后,在执行被包裹的代码。 只需要等待网页中DOM结构加载完毕后,就能执行包裹的代码。
执行次数 只能执行一次,第二次会被第一次覆盖。 可以执行多次,不会被覆盖。
简写方案

$(function(){

        //执行代码

});

ok结束。

目录
相关文章
|
4月前
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
|
2月前
|
JavaScript 前端开发
jQuery的作用及入口函数
jQuery的作用及入口函数
15 1
|
4月前
|
JavaScript 前端开发
jQuery 常用函数解析
jQuery 常用函数解析
|
4月前
|
JavaScript 前端开发 开发者
jQuery中的ready()函数:优雅地处理页面加载事件
jQuery中的ready()函数:优雅地处理页面加载事件
|
5月前
|
JavaScript 前端开发 索引
【Web 前端】jQuery 里的 each() 是什么函数?你是如何使用它的?
【5月更文挑战第2天】【Web 前端】jQuery 里的 each() 是什么函数?你是如何使用它的?
|
5月前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
|
5月前
|
JavaScript
jQuery自定义动画-第8次课-animate-stop函数-附案例
jQuery自定义动画-第8次课-animate-stop函数-附案例
35 0
|
5月前
|
JavaScript 前端开发
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
42 0
|
5月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
1天前
|
JavaScript 前端开发
jQuery Growl 插件(消息提醒)
jQuery Growl 插件(消息提醒)
9 4
jQuery Growl 插件(消息提醒)