学习 jQuery -2 document 对象的 ready 事件

首先让我们实现 Helloworld。当网页加载之后，显示一个提示框，内容为 Hello, world。

在文档载入后，马上执行代码，可以通过 document 对象的 ready 事件来完成。

取得 document 对象的方法非常简单，$( document )，如下就可以取得document 对象的 ready 事件 $( document ).ready。

让我们完成它。这个页面在文档载入之后会弹出一个对话框，并显示Hello, world。

<html>

<head>

<title>Hello</title>

$(document).ready( function() {

alert( "Hello, world." );

} );

</script>

/head>

</body>

</html>

由于 document 对象的 ready 事件非常常用，它还可以简化为 $( )，上述代码也可以如下完成。

<html>

<head>

<title>Hello</title>

$( function() {

alert( "Hello, world." );

} );

</script>

/head>

</body>

</html>

转载于:https://www.cnblogs.com/haogj/archive/2008/06/29/1232090.html

学习 jQuery -2 document 对象的 ready 事件相关推荐

javascript学习笔记之document对象、表单及表单元素、脚本化cookie
一.document对象每个window对象都有document属性.该属性引用表示在窗口中显示的HTML文档的document对象. 1.关键方法 close()关闭open方法打开的文档 ope ...
IFRAME jquery 获取document对象
jQuery select parent window DOM 如window.parent.document.getElementById().innerHTML 用 IFRAME 来隔离不同的脚本 ...
从零开始学习jQuery (五) 事件与事件对象【转】
一.摘要事件是脚本编程的灵魂. 所以本章内容也是jQuery学习的重点. 本文将对jQuery中的事件处理以及事件对象进行详细的讲解. 二.前言本篇文章是至今为止本系列内容最多的一篇, 足以可见其 ...
从零开始学习jQuery (五) 事件与事件对象
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery ( ...
【JavaScript】Document对象学习
Document 对象当浏览器载入 HTML 文档, 它就会成为 Document 对象. Document 对象是 HTML 文档的根节点. Document 对象使我们可以从脚本中对 HTML ...
jQuery源码解析之on事件绑定
本文采用的jQuery源码为jquery-3.2.1.js jquery的on方法用来在选定的元素上绑定一个或多个事件处理函数. 当参数selector存在时,通常会用来对已经存在的元素或将来即将添加 ...
jQuery的$(document).ready()和JavaScript onload事件
对元素的操作和事件的绑定需要等待一个合适的时机,可以看下面的例子: <!DOCTYPE html> <metacharset="utf-8"> <ht ...
jQuery学习（四）— jQuery的ready事件和原生JS的load事件的区别
jQuery学习(四)- jQuery的ready事件和原生JS的load事件的区别 jQuery的ready事件和原生JS的load事件的区别: 页面中可以有多个ready事件,而load事件会出现 ...
jQuery学习（一）—jQuery应用步骤以及ready事件和load事件的区别
jQuery应用步骤以及ready事件和load事件的区别一.jQuery应用步骤第一步:利用script标签的src属性引入jQuery文档第二步:创建一个script标签,在该script下 ...

学习 jQuery -2 document 对象的 ready 事件

学习 jQuery -2 document 对象的 ready 事件相关推荐

最新文章

热门文章