python web py入门（43）- jQuery 事件 - ready() 方法

最新推荐文章于 2024-05-13 15:29:24 发布

caimouse

最新推荐文章于 2024-05-13 15:29:24 发布

阅读量691

点赞数

分类专栏： webpy 文章标签： webpy javascript

本文链接：https://blog.csdn.net/caimouse/article/details/79780598

版权

webpy 专栏收录该内容

71 篇文章 33 订阅

订阅专栏

在前面学习了怎么样下载jQuery库，并且进行初步的例子进行运行，在里面使用这样一行代码：
jQuery(document).ready( function(){
在这行代码里，jQuery(document)是表示什么呢？其实它是表示jQuery对象，并且根据参数document来创建一个document的jQuery对象。当 DOM（文档对象模型）已经加载，并且页面（包括图像）已经完全呈现时，会发生 ready 事件。
由于该事件在文档就绪后发生，因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。正如上面的例子中那样。
ready() 函数规定当 ready 事件发生时执行的代码。
ready() 函数仅能用于当前文档，因此无需选择器。
DOM的事件加载过程，如下图：

从这里可以看到，最先加载的对象是window对象，接着就是document对象。因此当解释document时，就会触发document准备事件，这时就会运行jQuery(document).ready函数的代码，也就是把标题h1的点击事件进行设置，改为弹出一个警告窗口。当我们去点击标题h1的文本时，就会作出响应。

另外为了输入简单，并且没有冲突的情况之下，可以把jQuery改为美元符号表示$，如下所示：

<html>
  <head>
    <title>
      使用事件的例子
    </title>
    <script type="text/JavaScript" src="jquery/jquery-3.3.1.js"></script>
  </head>
  <script type="text/JavaScript">
    $(document).ready( function(){
      $('h1').click( function(event){
        alert("jQuery在工作中!");
      });
    });
</script>
  <body>
    <h1>window.onload事件</h1>
  </body>
</html>

可以把这段代码，替换为前面的代码，运行起来的效果是一样的。