当涉及到 jQuery 语法时，我能摆脱什么？

Question

我看到这个用了很多：

$("img").hide( 800, function() {
    $(this).show();
});

...但是我们能得到同样的效果吗：

$("img").hide( 800, "$(this).show();" );

---

我看到这个用了很多：

$(this).hide();

...但是我们能得到同样的效果吗？像这样的影响：

this.hide();

...这个怎么样：

$("this").hide();

---

我看到这个用了很多：

element.click(function() {
    notify();
});

...但是我们能得到像这样的相同的影响：

element.click(notify);

我的观点：

有吗我们通常使用的常见 jQuery 方法的简单版本？

Answer 1

...但是我们能得到同样的效果吗：

$("img").hide( 800, "$(this).show();" );

嗯，不，你不能。如果 hide 的第二个参数是一个字符串，那么它应该是一个缓动并且 "$(this).show();" 不是缓动；所以 $("img").hide( 800, "$(this).show();" ); 只会将难以理解的错误放入控制台，甚至不会隐藏任何内容。

如果您看到以下内容：

$(this).hide;

使用了很多，那么您正在查看大量无用的代码，您应该开始查看更好的代码。 $(this).hide; 没有做任何有用的事情，也许它会运用 JavaScript 引擎的死代码删除算法，但它肯定不会隐藏页面上的任何内容。说 $(this).hide; 并不比说 42;; 更有效率。当然，它们都是法律声明，但没有做任何有用的事情。

也许您的意思是：

$(this).hide();

但这与 this.hide(); 完全不同，除非 this 已经是一个 jQuery 对象。标准 DOM 对象没有 hide 方法，因此 this.hide(); 通常是一个错误，而 $(this).hide();< /code> 隐藏 DOM 对象并转到下一条语句。

最后，我们得到了至少有意义的东西：

element.click(function() {
    通知（）;
});
// [...]
元素.单击（通知）；

click 函数只需要一个回调函数，因此您可以给它一个函数名或匿名函数（即函数“文字”）。同样，您可以说 pancakes(11); 或 var Eggs = 11;煎饼（11）；。

所以是的，您可以使用命名函数作为 jQuery 回调；但是，这两个 element.click 调用不等效。第一种情况：

element.click(function() { notify() });

notify中的this的值为window；在第二种情况下：

element.click(notify)

this 将是 notify 中元素的 DOM 对象。

也许这不是一个答案，但我需要比评论更多的空间来指出你的问题中的所有困惑。

Answer 2

$(this).hide;
实际上不会做任何事情，我假设你的意思是 $(this).hide() ？

this.hide(); 您需要更深入地了解 jQuery 的工作原理以及 DOM 的工作原理。在大多数情况下， $(this) 将 this 的值（原生 DOM 元素）包装到 jQuery 对象中。普通 DOM 元素没有 hide 方法。

例如，您无法执行 document.getElementsByTagName('body')[0].hide() 因为 DOM body 元素没有 hide 方法。 jQuery 将元素包装到一个 jQuery 对象中，该对象本质上是一个包含许多很酷方法的数组，例如 hide()

$("this").hide; 最后我认为您需要更深入地了解 Javascript 的工作原理。 this 关键字很特殊，与字符串"this" 无关。

这是一个基于被误解的原则的模糊问题，我认为这是一个很好的例子，说明为什么你应该专注于学习 Javascript，而不是 jQuery。

Answer 3

好吧，实际上，这两个是不同的：

element.click(notify);

element.click(function() {
    notify();
});

第一个将在经过该行时执行函数通知（使用调试器检查）。它还将执行显而易见的操作 - 附加单击事件。第二个函数在将该函数附加到单击事件时不会调用通知。

至于其他差异 - 与其说是 jQuery 差异，不如说是 Javascript 语法差异。这里存在相当多的不一致之处 - 其中很多来自浏览器支持以及它们如何实际实现官方 ECMAscript、DOM 和其他扩展。