jquery - 是 jquery $(this).与 $ 相同？

Question

这个问题已经有答案了:

Why would a JavaScript variable start with a dollar sign? [duplicate] (16 个回答)

When/why to prefix variables with "$" when using jQuery? [duplicate] (5 个回答)

已关闭 9 年前。

我想知道有关 $ 的一些事情jQuery 的。我知道它指的是 jQuery 对象，但我今天发现了一些不同的东西:$parent在我正在编写的代码中，这是 $(this).parent 的替代品:例如:var $parent = $(this).parent();

所以我的问题是，为什么 $parent而不是parent ？这是唯一的选择器吗？这样怎么用呢？我不是在谈论像 $.ajax 这样的点函数。或$.post .

感谢帮助

Answer 1

这是一个非常典型的约定，开发人员将在变量名称前添加 $ 前缀，以表明它是一个 jQuery 对象，并且可以访问所有典型的 jQuery 方法。它不是选择器。

<小时/>

在您的示例中，您有:var $parent = $(this).parent();。这是对 DOM 对象的引用，保存后，可以多次使用它:

你可以这样做:

$(this).parent().css('color', 'green');
$(this).parent().css('border', '1px solid pink');
$(this).parent().css('background', 'purple');

在此示例中，jQuery 将选择 $(this) 对象，然后选择其父对象

您还可以这样做:

var $parent = $(this).parent();
$parent.css('color', 'green');
$parent.css('border', '1px solid pink');
$parent.css('background', 'purple');

您已保存对父级的引用，并使 jQuery 仅查找一次。
*小旁注:css 方法可以做得更好，我这样做是为了演示目的 *