MooTools教程(2):DOM选择器

作者佚名技术来源网页制作浏览发布时间 2012-03-07

odd（奇数选择）

和even一样，只不过它选择序号为奇数的元素。

参考代码： [复制代码] [保存代码]

// 选择所有序号为奇数的div
$(''div:odd'');

参考代码： [复制代码] [保存代码]

<div>Even</div>
<div>Odd</div>
<div>Even</div>
<div>Odd</div>

.getParent();

通过.getParent();方法，你可以得到一个元素的父元素（parent）。

参考代码： [复制代码] [保存代码]

// 选择ID为”child_id“的元素的父元素
$(''child_id'').getParent();

参考代码： [复制代码] [保存代码]

<div id="parent_id">
<div id="child_id">Even</div>
</div>

代码举例

任何MooTools UI开发都是从选择器开始的。这里是一些非常简单的例子，演示了怎么去使用选择器操作DOM元素。

参考代码： [复制代码] [保存代码]

// 设置所有span的背景颜色为#eee
$(''span'').setStyle(''background-color'', ''#eee'');
// 设置所有序号为奇数的span的背景色为#eee
$(''span:odd'').setStyle(''background-color'', ''#eee'');
// 设置ID为body_wrap的元素下的所有CSS类名为.middle_spans的span的背景色为#eee
$(''body_wrap'').getElements(''.middle_spans'').setStyle(''background-color'', ''#eee'');

参考代码： [复制代码] [保存代码]

<div id="body_wrap">
<span>Even</span>
<span class="middle_spans">Odd</span>
<span class="middle_spans">Even</span>
<span>Odd</span>
</div>

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: MooTools教程(13):正则表达式下一篇: MooTools教程(12):Drag.Move来实现拖放

关于MooTools教程(2):DOM选择器的所有评论

随机推荐