Ext.query选择器的一些用法

from:http://blog.csdn.net/lejuo/article/details/6563056

ext query

2011-06-23 11:44  162人阅读  评论(0)  收藏  举报

第一部分：元素选择符Selector
// 这个查询会返回有两个元素的数组因为查询选中对整个文档的所有span标签。
 Ext.query("span"); 
// 这个查询会返回有一个元素的数组因为查询顾及到了foo这个id。 
Ext.query("span", "foo");
// 这个查询会返回包含我们foo div一个元素的数组！ 
Ext.query("#foo");
/*这个查询会返回有一个元素的数组， 包含与之前例子一样的div但是我们使用了class name来获取*/ 
Ext.query(".foo");
// 这会返回一个数组，包含文档的所有元素。 
Ext.query("*");
// 这会返回有一个元素的数组，包含p标签的div标签 
Ext.query("div p"); 
// 这会返回有两个元素的数组，包含span标签的div标签 
Ext.query("div span");

第二部分：属性选择符Attributes selectors
// 我们检查出任何存在有class属性的元素。 
// 这个查询会返回5个元素的数组。 
Ext.query("*[class]"); 
// 结果： 
[body#ext-gen2.ext-gecko, div#bar.foo, span.bar, div#foo.bar, span.bar]
// 这会得到class等于“bar”的所有元素 
Ext.query("*[class=bar]"); 
// 这会得到class不等于“bar”的所有元素 
Ext.query("*[class!=bar]"); 
// 这会得到class从“b”字头开始的所有元素 
Ext.query("*[class^=b]"); 
//这会得到class由“r” 结尾的所有元素 
Ext.query("*[class$=r]"); 
//这会得到在class中抽出“a”字符的所有元素 
Ext.query("*[class*=a]");

================================================

from：http://langgufu.iteye.com/blog/1575882

Ext.get() 和 Ext.query() 取元素方式

想要利用ExtJS的库函数对DOM进行各类操作，就要得到Element类 型的对象，但是Ext.get()取到的虽然是Element，但是参数只能是id，如果大家对jQuery的selector方式很喜欢和崇拜，那么就 一定要学习Ext.get()和Ext.query()的组合方式。

前面写的get()和query()我都省略参数了，先看看文档中的函数原 型：
Ext.get( Mixed el ) : Element 
Parameters: 
el : Mixed
The id of the node, a DOM Node or an existing Element.
Returns:
Element
The Element object

Ext.query( String path, [Node root] ) : Array 
Parameters: 
path : String
The selector/xpath query
root : Node
(optional) The start of the query (defaults to document).
Returns: 
Array

query函数返回的其实是一个DOM Node的数组，而Ext.get的参数el可以是DOM Node