`

Ext.query与Ext.select

阅读更多

 

一、Ext.select

 

select方法可以用来获得指定标签的DOM对象,其返回值是一个Ext.CompositeElement对象。是一个Element的数组

 

返回的结果可直接如同Element般地操作,一般比query方法常用。

 

实例

 

多选择符

你可以输入多个查询条件,然后在一个对象上面返回。

 

例如

 

// 匹配所有的带foo class的div和带bar class的span
Ext.select('div.foo, span.bar');

 

 

 

 

二、Ext.query

 

 

 

query方法和select方法非常类似,不同的是,它返回的是一个封装了DOM的数组,它是Ext.DomQuery.select()的简写方式。

 

实例

 

 

 

1、元素选择符

 


// 这个查询会返回有两个元素的数组因为查询选中对整个文档的所有span标签。
Ext.query("span");

 


// 这个查询会返回有一个元素的数组因为查询顾及到了foo这个id。
Ext.query("span", "foo");

 

// 这个查询会返回包含我们foo div一个元素的数组!
Ext.query("#foo");

 

/*这个查询会返回有一个元素的数组, 包含与之前例子一样的div但是我们使用了class name来获取*/
Ext.query(".foo");

 

 

 

参考资料:  Ext.query与Ext.select 的用法    http://www.studyofnet.com/news/386.html

 

分享到:
评论

相关推荐

    精通JS脚本之ExtJS框架.part1.rar

    6.4.4 Ext.query与Ext.select 6.5 应用模板 6.5.1 Ext.Template 6.5.2 Ext.XTemplate 第7章 设计表单类布局 7.1 Form表单简介 7.1.1 Form表单的基本配置 7.1.2 ExtJS对Form表单的封装 7.2 ExtJS的表单组件 ...

    精通JS脚本之ExtJS框架.part2.rar

    6.4.4 Ext.query与Ext.select 6.5 应用模板 6.5.1 Ext.Template 6.5.2 Ext.XTemplate 第7章 设计表单类布局 7.1 Form表单简介 7.1.1 Form表单的基本配置 7.1.2 ExtJS对Form表单的封装 7.2 ExtJS的表单组件 ...

    Ext Js权威指南(.zip.001

    6.1.2 使用ext.query选择页面元素 / 215 6.1.3 基本选择符 / 223 6.1.4 属性选择符 / 229 6.1.5 css属性值选择符 / 234 6.1.6 伪类选择符 / 235 6.1.7 扩展选择器 / 248 6.1.8 ext.domquery的使用方法 / 249 ...

    Ext中文版手册最新版

    `Ext.Element`提供的方法广泛,涵盖CSS和样式的设置(如`setStyle`, `addClass`)、DOM查询(如`query`, `select`, `findParent`)、DOM元素的创建和删除(如`createChild`, `remove`)、以及获取元素的位置和尺寸...

    ExtJSWeb应用程序开发指南(第2版)

    6.2.4 Ext.query() 6.2.5 Ext.getCmp() 6.2.6 Ext.getDom() 6.2.7 Ext.isEmpty() 6.2.8 Ext.namespace() 6.2.9 Ext.each() 6.2.1 0Ext.apply() 6.2.1 1Ext.encode() 6.2.1 2Ext.htmlDecode...

    Ext深入浅出 数据传输

    11.1.3 query函数和select函数.....260 11.1.4 encode函数和decode函数...263 11.1.5 extend函数.............................265 11.1.6 apply和applyIf函数..........266 11.1.7 namespace函数.....................

    EXT JS 3.0 Core Class Diagram

    - `Ext.query()`: 类似于jQuery的选择器,用于选取DOM元素。 - `Ext.removeNode()`: 删除DOM节点。 - `Ext.toArray()`: 将对象转换为数组。 - `Ext.urlDecode()`, `Ext.urlEncode()`: URL编码和解码。 2. `Ext....

    EXT核心API详解(第一部分)

    `Ext.get`和`Ext.fly`方法用于获取Element实例,`Ext.query`则类似于jQuery的`$`,用于选取DOM元素。Element对象还支持事件监听和动画效果。 3. **基本数据类型扩展**:EXT JS扩展了JavaScript的基本数据类型,如...

    Ext combo 下拉框级联

    当用户选择一个父级选项时,触发事件处理器,此时可以更新子级Combobox的store,重新加载与所选父级选项相关的数据。 3. **级联数据加载** - 为了实现级联效果,需要编写一个服务端接口,该接口接收父级选项的值...

    ext入门必学.docx

    EXT为此提供了`Ext.select`方法,可以按照CSS选择器获取一组元素,或者使用`Ext.query`(等同于jQuery的`$`函数)进行DOM查询。 6. 学习路径 如果你时间有限,建议优先深入学习Ext.Element,因为它是EXT库的基础,...

    EXTJS总结.txt

    Ext.fly('elId').appendChild(Ext.select('div')); 31.appendTo 把这个元素添加到送入的元素里面。 var el = Ext.get('elId1'); // 'elId'添加到'elId2'里面 Ext.fly('elId').appendTo('elId2'); Ext.fly('...

    Extjs常用函数和事件.pdf

    4. `Ext.query(String path, [Node root])`:与`Ext.select`类似,但返回的是原生的DOM节点数组,而不是Ext.Element对象。 5. `Ext.getCmp(string id)`:通过组件ID获取组件实例,主要用于访问已经存在的Ext....

    Ext 连接数据库的相关操作

    要将Editgridpanel与数据库连接,我们需要创建一个数据源,这通常是通过EXT的Store对象实现的。Store负责从服务器获取数据,并将其与GridPanel进行绑定。 1. **设置Store**:创建一个Store实例,配置URL属性为后端...

    Extjs-常用函数和事件

    4. **Ext.query**: 类似于jQuery的`$()`,用于根据CSS选择器选取元素,但返回的是一个NodeList或数组。 5. **Ext.getCmp**: 获取具有特定ID的Ext组件。这个方法是基于组件的ID,而不是DOM元素的ID。 6. **Ext.get...

    ext_core_manual_zhcn.pdf

    - DOM 查询与遍历(`query`, `select`, `findParent` 等) - DOM 控制(`createChild`, `remove` 等) - 元素的位置与尺寸(`getHeight`, `getWidth` 等) #### 八、调试工具使用 - **Firebug**:可以使用 ...

    Ext Core手册word版

    2. DOM查询和遍历:`query`、`select`和`findParent`等方法用于查找和遍历DOM结构。 3. DOM操作:如`createChild`用于创建子元素,`remove`用于移除元素。 4. 元素位置和尺寸:`getHeight`和`getWidth`等方法用于...

    Ext Core手册

    - **DOM 查询**:如 `query`, `select`, `findParent` 等,用于查找元素。 - **DOM 操控**:如 `createChild`, `remove` 等,用于添加或移除 DOM 节点。 - **位置和尺寸**:如 `getHeight`, `getWidth` 等,用于...

Global site tag (gtag.js) - Google Analytics