网络编程
位置:首页>> 网络编程>> JavaScript>> Mootools 1.2教程(2)——DOM选择器(2)

Mootools 1.2教程(2)——DOM选择器(2)

作者:Fdream 来源:Fdream博客 发布时间:2008-11-13 12:46:00 

标签:Mootools,1.2,教程,dom,选择器,库

用运算符包含和排除结果

运算符

MooTools 1.2支持几种运算符,可以让你进一步精简你的选择操作。你可以在.getElements();中使用这些运算符来包含或者排除特定的结果。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),再加上你的 运算符,最后选择你的过滤字符串。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com