提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

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

PythonjQuery事件方法Web入门 py 43
2023-09-14 09:10:43 时间
在前面学习了怎么样下载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>

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

跟老菜鸟学C++
http://edu.csdn.net/course/detail/2901
跟老菜鸟学python
http://edu.csdn.net/course/detail/2592
在VC2015里学会使用tinyxml库
http://edu.csdn.net/course/detail/2590


相关文章