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';