jQuery的入口函数

简介: jQuery的入口函数

入口函数的作用

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

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

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

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

load和ready的区别

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

$(function(){

        //执行代码

});

ok结束。

目录
相关文章
|
3月前
|
JavaScript
jQuery自定义动画-第8次课-animate-stop函数-附案例
jQuery自定义动画-第8次课-animate-stop函数-附案例
21 0
|
3月前
|
JavaScript 前端开发
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
19 0
|
4月前
|
JavaScript 前端开发 开发者
jquery常用的方法函数
jquery常用的方法函数
|
5月前
|
JavaScript
JS和JQUERY的入口函数,和他们的不同
JS和JQUERY的入口函数,和他们的不同
26 0
|
5月前
|
JSON 前端开发 JavaScript
jQuery Ajax请求成功后,为什么一直在error函数里
jQuery Ajax请求成功后,为什么一直在error函数里
|
7月前
|
JavaScript 前端开发
jQuery 入口函数
jQuery 入口函数
32 2
|
8月前
|
存储 JavaScript 前端开发
[JS]JQuery 引入、入口函数、JQuery 对象
[JS]JQuery 引入、入口函数、JQuery 对象
|
6月前
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
36 0
|
7月前
|
JavaScript
jQuery 插件自用列表
jQuery 插件自用列表
29 0
|
3月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload