这两个 var $test.parent() 和 var test.parent 之间有什么使用区别吗？答案

【问题标题】：Is there any usage difference between these two var $test.parent() and var test.parent?这两个 var $test.parent() 和 var test.parent 之间有什么使用区别吗？
【发布时间】：2017-03-16 05:30:41
【问题描述】：

我有两个变量和下面的代码来访问元素。我可以访问两个变量父元素及其子元素。我看不出有什么区别。它们是一样的还是有什么不同？

HTML

<div>Sample text : 
    <input id='test' type='text' value='test' />
</div>

JavaScript

$(function(){
        var test = $('#test');
        var $test = $('#test');
        console.log($test.parent().text());
        console.log(test.parent().text());
});

【问题讨论】：

不，但是，一些开发人员喜欢在变量前加上 $ 以表示它们包含 jQuery 对象。这只是一种偏好。
完全一样。

标签： javascript jquery

【解决方案1】：

我可以看到这个问题的 3 个可能方面，所以我会回答所有三个方面：

`$` 符号

在 JavaScript 中，$ 只是另一个字符，可以用作变量名的一部分，并且是名称的一部分。这与 PHP 不同，其中 $ 符号用作前缀，并且不是名称的一部分。

就像任何其他有效字符（数字除外）一样，$ 可以单独用作有效名称，jQuery 使用它来命名它们的主要函数（AKA jQuery）。

您可以选择为您的变量命名任何您喜欢的名称，但许多开发人员喜欢以 $ 符号开头，以提醒您它代表一个非平凡对象的 jQuery 对象。

换句话说，你是否决定从$开始都没有区别，只要你记得你做了什么。

这两个变量是一样的吗？

如上所示，两个变量名不相同。一个有 4 个字符，一个有 5 个字符。它们之间根本没有任何关系。

这两个对象是一样的吗？

每次运行 jQuery 函数时，都会得到一个 new 对象。此对象包含对您的参数中引用的 DOM 对象的引用。

尽管两个 jQuery 对象引用同一个 DOM 对象，但对象本身并不相同。

这是许多新的 jQuery 开发者落入的陷阱：

$current=$('div#something');
//  some stuff
if($current==$('div#something')) …; // always false

你来了。三个答案。随便挑吧：）

【讨论】：

【解决方案2】：

$(function(){
        var test = $('#test');
        var $test = $('#test');
        console.log($test.parent().text());
        console.log(test.parent().text());
        console.log(test[0] === $test[0]);
        console.log(test === $test);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>Sample text : 
    <input id='test' type='text' value='test' />
</div>

没有区别——test 是一个变量的名称，$test 是另一个变量的名称——但它们都被设置为相同的东西，否则以相同的方式处理。 $ 仅在用作其 jQuery 函数形式 $(/*some stuff*/) 时才有意义——否则，它只是变量名的有效字符。

但是请注意，它们指的是同一个元素，但 the objects themselves are different objects, so not strictly equal。因此，为什么上面的第一个比较评估为“真”，而第二个比较评估为“假”。您还可以使用 jQuery .is() 方法评估它们的相等性。

【讨论】：

$ 符号

这两个变量是一样的吗？

这两个对象是一样的吗？

`$` 符号