Mootools 1.2教程(2)——DOM选择器(2)
作者:Fdream 来源:Fdream博客 时间:2008-11-13 12:46:00
用运算符包含和排除结果
运算符
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),再加上你的 运算符,最后选择你的过滤字符串。
标签:Mootools,1.2,教程,dom,选择器,库
0
投稿
猜你喜欢
asp如何建立和删除文件夹?
2009-11-26 20:34:00
您需要了解的DIV+CSS网页布局的8条面试题目
2010-01-29 13:22:00
纯CSS实现导航下拉菜单
2007-11-25 15:11:00
MySQL存储过程savepoint rollback to
2008-12-03 16:02:00
IE6下图片下方有空隙的解决方法
2008-08-01 18:02:00
交互设计实用指南系列(7)–避免迷路
2010-01-23 09:52:00
js弹出新窗口而不会被浏览器阻止的方法
2010-04-06 12:38:00
MySQL中的字符串模式匹配
2010-03-09 16:30:00
asp如何做一个检索结果带链接的检索?
2010-07-11 21:15:00
oracle 存储过程和函数例子
2009-08-08 22:27:00
ASP编程入门进阶教程
2008-06-29 18:00:00
基于生活形态的用户分群研究
2009-12-30 16:54:00
了解WEB页面工具语言XML(六)展望
2008-09-05 17:19:00
自动定时备份sqlserver数据库的方法
2011-11-03 17:28:17
asp学习入门基本语法知识
2007-11-07 14:02:00
使用php数据缓存技术提高执行效率
2023-05-24 23:14:24
asp 动态数组 提供Add、Insert、Remove、RemoveAt、Search等方法。
2011-03-17 11:10:00
js实现单机双人象棋设计分析
2008-05-20 12:57:00
用AspJpeg调整文字水印透明,生成图片水印的效果
2008-12-29 19:43:00
解析SQL Server 2005 溢用之:合并列值
2009-01-23 14:08:00