了解Mootools中的$

时间:2009-08-12 19:28:35

标签: javascript mootools

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

我的问题是关于$ selector。

为什么我可以将某些属性链接到它而不是其他属性?

例如为什么

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

工作,但

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

没有?

提前致谢。

3 个答案:

答案 0 :(得分:4)

第一个例子并不是“链接”的一个例子。

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

“链接”是指对象操作的结果在操作后返回对象本身,允许你做这样的事情:

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

最后,第二个例子应该有效。你应该发布实际的来源。

答案 1 :(得分:4)

Triptych的答案很棒。我只是想帮你从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。文档是不可或缺的。

答案 2 :(得分:1)

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

这是对Mootools的低级javascript功能的一个很好的介绍。