Extjs4学习笔记-选择器Ext.DomQuery

阅读更多

1.选择器的作用

        选择器的作用是通过元素的标签名、属性名、CSS属性值对页面进行快速、准确的定位以及选择

 

2.使用Ext.query选择页面元素

    Ext.query(path[, root, type]);

 

         path：查询使用的选择符或xpath

         root：查询开始的节点或节点id。如果不设置，默认document对象。为了提高查询速度，建议不要从document对象开始查询。

 

         type：查询类型。值可以是select或simple。当值是simple时，使用id或标签名属性值等做简单查询

 

3.基本选择符

Ext.query("*")  //选择所有元素
Ext.query("E")  //根据元素标记E选择元素
Ext.query("E F")  //选择包含在标记E中的标记F，E、F均为元素标记，如：input、div
Ext.query("E>F")  //包含在标记E中的直接子标记F，E、F均为元素标记，如：input、div
Ext.query("E+F")  //选择所有紧接在元素E后的元素F，E、F均为元素标记
Ext.query("E~F")  //选择在元素E之后同级的元素F，E、F均为元素标记
Ext.query("#ID")  //选择id属性为ID的元素，ID为元素的id
Ext.query("E.classname")  //选择CSS类名为classname的元素，E为标记元素，classname为CSS的类名