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