Question

我在一些开发人员工具中有一个调试JS和jQuery脚本的习惯。我意识到Chrome开发工具将x.fn.x.init显示为$（）和$（this）的值。但是我没有意识到这些价值是什么：

代码

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<script src="jquery-2.0.2.min.js" ></script>
<script src="jquery.ui.widget.js" ></script>
<title></title>
<script type="text/javascript">

    $(document).ready(function () {
        var outstring = "";
        outstring = "" + $() + $(this);
    });

</script>
</head>
<body>
</body>
</html>

enter image description here

Answer 1

这实际上是实例化$

背后的真实代码

查看github source

jQuery.fn = jQuery.prototype = {
    // The current version of jQuery being used
    jquery: core_version,

    constructor: jQuery,
    init: function( selector, context, rootjQuery ) {
        var match, elem;
    .....

然后在line 263

// Give the init function the jQuery prototype for later instantiation
jQuery.fn.init.prototype = jQuery.fn;

由于您使用的是缩小版，因此会转换为您所看到的内容。

什么是在chrome dev工具中为$（）和$（this）显示的x.fn.x.init []值

1 个答案: