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
  • asp之家 网络编程 m.aspxhome.com