jQuery入口函数

1.原生js的入口函数

  <script type="text/javascript">// 原生js的入口函数。页面上所有内容加载完毕， 才执行。// 不仅要等文本加载完毕， 而且要等图片也加载完毕， 才执行函数。window.onload = function () {alert("hello");}</script>

2.jQuery的入口函数-写法一

  <script type="text/javascript">// 文档加载完毕， 图片不加载的时候， 就可以执行这个函数。$(document).ready(function () {alert("hello");})// 简写$(function () {alert("hello");})</script>

3.jQuery的入口函数-写法二

  <script type="text/javascript">// 文档加载完毕， 图片也加载完毕的时候， 再执行这个函数。$(window).ready(function () {alert("hello");})</script>

4.jquery入口函数和js入口函数的区别

区别一: 书写次数不同

(1)JS的入口函数只能出现一次，出现多次会存在事件覆盖的问题

(2)jQuery的入口函数，可以出现任意多次，不会出现事件覆盖的问题

区别二: 执行时机不同

(1)JS的入口函数是在所有的文件资源加载完成后，才执行。这些文件资源包括：页面文档、外部的JS文件、外部的CSS文件、图片等。

(2)jQuery的入口函数，是在文档加载完成后就执行。文档加载指的是：DOM树加载完成后，就可以操作DOM了，不用等到所有的外部资源都加载成功。

jQuery入口函数相关推荐

【08】jQuery：01-jQuery介绍、jQuery基本使用、jQuery选择器、jQuery样式操作、jQuery效果、jQuery入口函数、jQuery对象
文章目录 day01 - jQuery 1.1. jQuery 介绍 1.1.1 JavaScript 库 1.1.2 jQuery的概念 1.1.3 jQuery的优点 1.2. jQuery 的基 ...
jQuery 入口函数主要有4种写法
jqery 入口函数主要有4种写法,其中以第3种方法最为方便. <!DOCTYPE html> <html lang="en"> <head> ...
[jQuery原理] jQuery入口函数
入口函数测试传入 '' null undefined NaN 0 false 会返回一个空的jQuery对象给我们 console.log($()); console.log($('')); con ...
jQuery-dom和jQuery,入口函数（基本知识）
dom和jQuery的区别 1.原生dom不能用jQuery方法,dom的方法只能dom去使用 2.原生jQuery不能用js方法,jQuery只能使用jQuery的方法 3.Dom:使用docume ...
jQuery入口函数的四种写法【1分钟掌握】
JQuery对象和JS对象区别与转换|| 事件绑定入口函数样式控制
JQuery对象和JS对象区别与转换 1. JQuery对象在操作时,更加方便. 2. JQuery对象和js对象方法不通用的. 3. 两者相互转换 * jq -- ...
jQuery的入口函数
文档就绪事件是指页面上的所有DOM元素,都加载完成 jQuery入口函数为了防止文档在完全加载之前,运行jQuery代码将jQuery放在入口函数中即在DOM加载完成之后,才可以对DOM进行操 ...
jquery的基本使用-入口函数
1.jquery 入口函数相当于原生js中的DOMContentLoaded 2. jquery元素对象,才可以使用jquery中的方法,DOM元素对象不能使用jquery方法
jquery 入门（jquery是什么/与JavaScript的联系与区别/jquery版本/引包/入口函数）
1. 为何要学jQuery (1)JS的劣势 (2)jQuery是什么(理解) jQuery是别人帮我们封装好的库. jQuery是JS的一个库,封装了开发过程中常用的功能,能够提高开发效率. JS ...

jQuery入口函数

jQuery入口函数相关推荐

最新文章

热门文章