extjs选择器

//根据元素选择
//HtmlElement[] Ext.query(path [root,xtype])
        console.info(Ext.query("input"));

        //div 后代的input
        console.info(Ext.query("div input"));

        //直接子元素
        console.info(Ext.query("div#c1 > input"));

        //紧接着的 元素之后的 同辈元素
        console.info(Ext.query("#span3 + span"));

        //prev 元素之后的所有同辈的 siblings
        console.info(Ext.query("#span3 ~ span"));




        var t=Ext.query("#c1");//= Ext.get(c1);
        console.info(Ext.query("*"));

        //class 选择
        console.info(Ext.query("div.choose"));

        //属性选择 含有某个属性，
        //*[data] data*=content data^=start data$= data%=value 能够整除 
        //!=
        console.info(Ext.query("*[data]"));
        //DomQuery.jsSelect css 选择
        console.info(Ext.query("{padding-left=30px}"));

        //伪类选择 checked nth:child
        /* E:odd E:even checked first last only-child nth continers has next prev */
        console.info(Ext.query(":first-child"));
 //Ext.select(selector,unique,root) 获取元素集合
        //unique false CompositeElementLite htmlElement
        //unique ture conpositeElement element

        //扩展选择器 DomQuery matchers operators pseudos
//Ext.fly 选择的元素会变化， 只适合一次使用
        var e1=Ext.fly("id1");
        console.info(e1.dom.innerHTML);
        Ext.fly("id2").dom.innerHTML='我是id2';
        console.info(e1.dom.innerHTML);
        e1.dom.innerHTML='我是id1';

element 获得其他元素，dom操作，样式操作，对齐，尺寸大小，定位,滚动，添加事件，遮罩等等