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


ext query

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