<div class="box"><p id="myPanel"></p><div class="code"> <pre style="padding:5px; background:#333; color:#fff; width:340px;">
&lt;div id="div0"&gt;&lt;div id="div1"&gt;我是第一个div的内容&lt;&frasl;div&gt;&lt;div id="div2"&gt;&lt;div id="div3"&gt;我是第二个div的内容&lt;&frasl;div&gt;&lt;&frasl;div&gt;
&lt;&frasl;div&gt;</pre></div></div>

Ext.onReady(function(){//6.4 Ext.core.DomQuery 单实例查询选择器，通过正则表达式查找DOM或者HTML//6.4.1 compile() 动态形成selector的查询函数//console.info(Ext.core.DomQuery.compile("#myPanelBox"));//6.4.2 filter() 节点过滤器//6.4.3 is() 是否包含该选择器的节点//6.4.4 jsSelect() 之前的Ext.query实际上就是本函数的处理过程//6.4.5 selectNode() 返回root中第一个匹配的selector选择器的元素//DomQuery类的使用示例var myPanel = new Ext.Panel({title : 'DomQuery类的使用示例',width : '350px',renderTo : 'myPanel',html : '<div id="div0"><div id="div1">我是第一个div的内容</div><div id="div2"><div id="div3">我是第二个div的内容</div></div></div>'});var tarArray = Ext.query("#div0 div");//获取所有以id为div0为父节点的divvar except = Ext.core.DomQuery.filter(tarArray,"#div1",true);//选择那些不包含id为div1的节点var include = Ext.core.DomQuery.filter(tarArray,"#div1",false);//选择那些包含id为div1的节点var isInclude = Ext.core.DomQuery.is(except,"#div0");//对数组中是否包含指定id的节点进行判断var selectNode = Ext.core.DomQuery.selectNode("#div0 div");//选择id为div0下面的第一个div节点console.info("filter:div1:true不包含div1的元素如下:"); //[div#div2, div#div3]console.info(except);console.info("filter:div1:false包含div1的元素如下:"); //[div#div1]console.info(include);console.info("是否包含指定id的节点:"+isInclude); //falseconsole.info("第一个div节点如下:"); //<div id="div1">我是第一个div的内容</div>console.info(selectNode);
});