javascript - 在 Mootools 中理解 $

Question

我是 Javascript 和 Mootools 的新手，在理解某些事情时遇到了一些麻烦，尤其是因为 Mootools 上的文档，容我们说，充其量是缺乏的。

我的问题是关于 $ 选择器。

为什么我可以将一些属性链接到它，而不是其他？

例如为什么

$('results').style.border = "1px solid #000000";

工作，但是

$('results').innerHTML = "foo";

才不是？

提前致谢。

Answer 1

三联画的答案很棒。我只是想帮助您从 mootools 中获得更多的 moo。

$('results').setStyle('border','1px solid #000');
$('results').set('html','foo');

// all together now
$('results').setStyle('border','1px solid #000').set('html','foo');

如果您使用 $ 抓取元素（或使用任何框架，真的），您不想再使用 innerHTML 了。

函数在被调用时会返回一些东西。mootools 中的大多数方法（函数）返回它改变的东西（如 $('results')），因此您可以将另一个函数链接到它。

您的示例没有链接。他们只是选择对象的属性，而不是调用方法。

---

Mootools 文档非常棒。你只是对语言还不够熟悉。Mootools 被认为具有更陡峭的学习曲线，因此这可能是问题的一部分。

我和你一样，一般都是 mootools 和 javascript 的新手。经过一段时间的跋涉后，我发现了mootools，并且在不知不觉中同时学习了javascript。文档是不可或缺的。

Answer 2

第一个示例并不是真正的“链接”示例。

style是一个 DOM 标准对象，表示元素的 CSS 样式。它与 MooTools 无关——它只是用于访问对象属性的标准点符号。

“链接”是指对对象的操作结果在操作后返回对象本身，允许您执行以下操作：

$('id').show().move_left(200).fadeOut();

最后，第二个例子应该可以工作。您应该发布实际来源。

Answer 3

http://keetology.com/blog/2009/07/00-up-the-moo-herd-mootools-tips-and-tricks

这是对 Mootools 低级 javascript 功能的精彩介绍。