如何在jquery中查看ready()事件中的内容 功能文档就绪(e) { $(“#divTest1”).text(“你好,世界!”);console.log(e); } $(document).ready(DocumentReady);

如何在jquery中查看ready()事件中的内容 功能文档就绪(e) { $(“#divTest1”).text(“你好,世界!”);console.log(e); } $(document).ready(DocumentReady);,jquery,Jquery,在chrome->console中,它显示:function(e,t){returnnewx.fn.init(e,t,r)} 问题: 这意味着什么:函数(e,t){返回新的x.fn.init(e,t,r)} 实际上,我想查看事件:ready()中的内容(例如,type…),我如何才能做到这一点 user2357112很好地回答了您关于函数代码的第一个问题: 没有实际的“就绪”事件,因此无法检查它。 $(文档).ready(处理程序)未向处理程序传递事件对象; 它将jQuery对象$传递给处理程序

在chrome->console中,它显示:
function(e,t){returnnewx.fn.init(e,t,r)}

问题:

  • 这意味着什么:
    函数(e,t){返回新的x.fn.init(e,t,r)}

  • 实际上,我想查看事件
    :ready()
    中的内容(例如,type…),我如何才能做到这一点

  • user2357112很好地回答了您关于函数代码的第一个问题:

    没有实际的“就绪”事件,因此无法检查它。 $(文档).ready(处理程序)未向处理程序传递事件对象; 它将jQuery对象$传递给处理程序。您正在使用的控制台输出 下面是jQuery对象的字符串表示形式,大致如下 对应于它的源代码

    下面是我对第二个问题的回答,为了获得关于“e”变量的信息:

    这里的关键是设置调试断点

    如果你在Chrome的开发者工具中打开sources标签,就会看到一个左边的栏(可能在最左边,在菜单下面是一个小正方形图标,里面有一个箭头)

    查找此代码出现在其中的HTML文档。如果找不到,请尝试以下操作:

    • 在出现的选项卡菜单中,单击“源”
    • 在名为“(程序)”的列表中查找项目
    • 页面上的代码应显示在右侧
    然后可以通过双击$(“#divTest1”)等旁边的行号来设置调试断点

    现在,一旦刷新页面,代码将在该点停止,在右侧站点的“范围变量”、“本地”下,您可以展开“e”变量,并获得有关事件变量的大量信息

    您不必将变量打印到控制台。

    没有实际的“就绪”事件,因此无法检查它。
    $(文档)。就绪(处理程序)
    不会向处理程序传递事件对象;它会向处理程序传递jQuery对象
    $
    。您看到的控制台输出是jQuery对象的字符串表示,大致对应于其源代码。

    首先介绍这一部分
    $(document).ready(DocumentReady())
    您需要在DOM准备好进行操作后立即执行该函数。在您的函数上,您期待一个事件?如果在函数内部执行一个简单的console.log('here on the docreadyfunction'),您可以在控制台上看到它

    <div id="divTest1"></div>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
    </script>
    <script type="text/javascript">
    function DocumentReady(e)
    {
            $("#divTest1").text("Hello, world!");  console.log(e);
    }
    
    $(document).ready(DocumentReady);
    </script>
    

    1.这意味着
    e
    是一个函数。2.什么内容?与这个问题有什么关系?
    function DocumentReady(e)