`
demojava
  • 浏览: 548960 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Ext DomQuery 基础

阅读更多

Ext.BLANK_IMAGE_URL ="../js/ext/resources/images/default/s.gif"; //填充图片的本地引用
Ext DomQuery 基础
Ext.query("span");//查询整个文档中的span标签
Ext.query("span","foo");//查询整个文档中的span标签和Id为foo的元素
Ext.query("#foo");//查询返回foo div 的一个元素的数组!
Ext.query(".foo");//查询clss name 等于foo 的元素的数组
Ext.query("*");//返回所有的元素
Ext.query("vid p");//返回一个元素的数组包含P 的div
Ext.query("*[class]");//查询存在class属性的元素
Ext.query("*[class=bar]");//查询class=bar的元素
Ext.query(“*[class!=bar]");//查询不等于bar的元素
Ext.query(“*[class^=b]");//得到class 从b字开的元素
Ext.query(“*[class$=r]");//得到class 以r结尾的元素
Ext.query(“*[class*=a]");//这会得到在class中抽出“a”字符的所有元素
// 获取所以红色的元素
Ext.query("*{color=red}"); // [div#bar.foo]
 
// 获取所有粉红颜色的并且是有红色子元素的元素
Ext.query("*{color=red} *{color=pink}"); // [span.bar]
 
// 获取所有不是红色文字的元素
Ext.query("*{color!=red}"); 
//[html, head, script firebug.js, link, body#ext-gen2.ext-gecko,
// script ext-base.js, script ext-core.js, span.bar,
//a www.extjs.com, div#foo.bar, p, span.bar, a test.html#]
 
// 获取所有颜色属性是从“yel”开始的元素
Ext.query("*{color^=yel}"); // [a www.extjs.com]
 
// 获取所有颜色属性是以“ow”结束的元素
Ext.query("*{color$=ow}"); // [a www.extjs.com]

分享到:
评论

相关推荐

    Ext官方中文教程(可打包下载)

    DomQuery基础 Ext中的事件 简述模板 模板(Templates)的函数 教你创建Ext UI控件 事件的处理 Ext中的继承 Ext的类设计 Ajax通讯 JSON处理方法 函数的原型扩展 组件的使用: Tab标签页 Ext 1.x中的布局 Grid...

    Ext API详解--笔记

    `EXT核心API详解(四)-Ext.DomQuery DomHelper Template.txt`涵盖了查询DOM元素的`Ext.DomQuery`(类似于jQuery的selector),动态创建和操作DOM的`DomHelper`,以及用于数据绑定的`Template`类。这些工具使你能更加...

    整理的Ext API详解

    "EXT核心API详解(四)-Ext.DomQuery DomHelper Template.txt"介绍了Ext.DomQuery,这是一个高效的DOM选择器引擎,类似于jQuery的$.selector。DomHelper则是用于创建和操作DOM结构的工具,而Template则是用于动态生成...

    extapi

    "EXT核心API详解(四)-Ext.DomQuery DomHelper Template.txt"介绍了Ext.DomQuery,这是一个强大的CSS选择器引擎,类似于jQuery的选择器,用于高效地选取DOM元素。DomHelper则是一个便捷的DOM元素构建工具,可以生成...

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

    1. **Ext类**:EXT JS的核心类库始于`Ext`对象,它提供了许多基础功能,如事件处理、动画效果和实用工具方法。`Ext.ClassManager`负责类的创建和管理,允许开发者定义自定义的可复用组件。`Ext.application`是启动...

    ext学习文档

    - **DomQuery基础**: - 使用`Ext.get()`和`Ext.query()`方法进行DOM元素的选择。 - 可以使用链式调用来执行一系列操作。 #### 7. 扩展EXT组件 - **文件的创建**: 描述了如何创建新的EXT组件。 - **Let's go**: ...

    EXT简体中文参考手册(PDF&CHM电子档)

    DomQuery基础 22 DomQuery基础 22 扩展EXT组件 29 文件的创建 30 Let's go 33 完成 35 EXT的布局(Layout) 37 简单的例子 38 加入内容 42 开始使用Grid 51 步骤一 定义数据(Data Definition) 51 步骤二 列模型...

    EXT中文手册.pdf

    5. **DOM查询和Ext DomQuery**:Ext框架的DomQuery提供了一种基于CSS选择器的方式来查询DOM节点,这在处理动态生成的DOM结构时非常有用。例如,`Ext.select('p').highlight()`可以选中所有段落元素,并给它们添加...

    Ext2.2 中文手册

    DomQuery 基础 - **选择器语法**:使用类似于 CSS 的选择器语法来选择页面中的元素。 - **链式调用**:支持链式调用来简化多步操作。 #### 6. 扩展 EXT 组件 - **创建自定义组件**:通过继承现有的组件来创建新...

    ext-word文档

    #### DomQuery基础 DomQuery是ExtJS中的一个功能,用于简化DOM查询和操作。它提供了一系列方法,如`$`, `query`, `get`等,使得DOM操作变得更加简单直观。 #### 扩展EXT组件 ExtJS允许开发者扩展现有的组件,以满足...

    EXT 中文帮助手册

    19 重写公共变量 21 重写(Overriding)公共函数 21 DomQuery基础 22 DomQuery基础 22 扩展EXT组件 29 文件的创建 30 Let's go 33 完成 35 EXT的布局(Layout) 37 简单的例子 38...

    ext核心api详解(2)

    EXT 核心 API 详解(四) - Ext.DomQuery/DomHelper/Template EXT JS 是一个专注于构建前端用户界面的JavaScript框架,它独立于后台技术,主要...这三者共同构成了EXT JS框架的基础,极大地提高了开发效率和用户体验。

    EXT 中文手册

    19 重写公共变量 21 重写(Overriding)公共函数 21 DomQuery基础 22 DomQuery基础 22 扩展EXT组件 29 文件的创建 30 Let's go 33 完成 35 EXT的布局(Layout) 37 简单的例子 38...

    asp.net ext 中文手册

    DomQuery基础与EXT组件扩展 `DomQuery`是EXT提供的一个用于操作DOM的强大工具,它类似于jQuery,但专门针对EXT进行了优化。掌握`DomQuery`的基础用法对于高效开发EXT应用至关重要。此外,扩展EXT组件也是开发中...

    Ext Js权威指南(.zip.001

    1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 在javascript中使用json / 4 1.2.5 在.net中使用json / 8 1.2.6 在java中使用...

Global site tag (gtag.js) - Google Analytics