MooTools教程(2):DOM选择器

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

运算符来包含或者排除特定的结果。MooTools支持4种运算符，每一种都可以用来通过名字（name）选择一个input元素。

= : 等于

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

//选择name为”phone_number“的input元素
$(''body_wrap'').getElements(''input[name=phone_number]'');

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

// 选择name以”phone“开头的input元素
$(''body_wrap'').getElements(''input[name^=phone]'');

$= : 以……结束

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

// 选择name以数字（number）结束的input元素
$(''body_wrap'').getElements(''input[name$=number]'');

!= : 不等于

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

// 选择名字不等于”address“的input元素
$(''body_wrap'').getElements(''input[name!=address]'');

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

<div id="body_wrap">
<input name="address" type="text" />
<input name="phone_number" type="text" />
</div>

（Fdream注：input在这里只是作为一个例子，你同样可以使用这种方式选择其他元素，比如div、a等等。）

要使用运算符，你必须首先指定元素的类型（比如这里的input），然后指定你要过滤的属性（比如这里的name），再加上你的运算符，最后选择你的过滤字符串。

基于元素顺序的选择器

even（偶数选择）

通过这个简单的选择器，你可以选择序号为偶数的元素。注意：这个选择器从0开始计数，因此第一个元素是偶数序的。

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

// 选择序号为偶数的div
$(''div:even'');

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

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

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

分享到：更多

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

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

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

随机推荐