`
PrisonBreak
  • 浏览: 96054 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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的类名

 

 

 

 

 

分享到:
评论

相关推荐

    ext-lang-en.js和ext-lang-zh_CN.js

    Extjs中实现国际化要用到的文件ext-lang-zh_CN.js和ext-lang-en.js

    extjs-Ext.ux.form.LovCombo下拉框

    标题中的"extjs-Ext.ux.form.LovCombo下拉框"表明我们要讨论的是EXTJS中的一个特定组件,它是EXTJS的扩展插件,用于实现具有多选功能的下拉框。这个组件在处理火狐浏览器兼容性问题上做了优化,解决了在火狐浏览器下...

    ext-4.2.1.883.jsb2

    从spket IDE 官网下载。 文件名: ext-4.2.1.883.jsb2 对应版本ext-4.2.*版本。spket自动提示ExtJs4,需要ext4.2.1.jsp2文件。

    Extjs 6.2 最新sdk ext-6.2.0-gpl.zip

    官方最新版本Extjs6.2版本sdk,创建新项目的时候需要用, 全面的核心框架,具有最新的Javascript标准支持 新的漂亮组件和主题,以创建漂亮的企业应用程序 现代工具链,用于构建优化,高性能,通用的应用程序 用于可视...

    extjs jsb文件(ext-4.2.1.883.jsb2)

    从ext官方论坛上下的。 文件名: ext-4.2.1.883.jsb2 对应版本ext-4.2.1.883

    ExtJs学习资料28-Ext.data.JsonStore数据存储器.doc

    document.write("<script type=\"text/javascript\" src=\"../extjs/adapter/ext/ext-base.js\"></script>"); document.write("<script type=\"text/javascript\" src=\"../extjs/ext-all.js\"></script>"); ...

    ext-4.2.1.883.7z 官方最新版7z压缩

    标题中的"ext-4.2.1.883.7z"指的是ExtJS框架的一个特定版本,4.2.1.883,它被压缩成了7z格式的文件。7z是一种高效的文件压缩格式,由7-Zip软件创建,以提供更高的压缩比和更快的解压缩速度。7z文件通常需要使用支持7...

    ext-7.0.0-gpl.zip

    标题中的"ext-7.0.0-gpl.zip"是一个软件扩展或库的压缩包,遵循GPL(GNU General Public License)开源协议。这通常意味着它是一个免费的、可修改的软件,用户可以查看源代码并根据需要进行定制,但必须保留原始许可...

    extJs 2.1学习笔记

    目录 1. ExtJs 结构树 2 2. 对ExtJs的态度 3 3. Ext.form概述 4 4. Ext.TabPanel篇 5 5. Function扩展篇 7 6. Ext.data.Store篇 10 7. Ext.data.JsonReader篇一 12 ...28. extJs 2.0学习笔记(ext.js篇) 77

    Spket_ExtJS提示工具ext-core-dev.js.zip

    软件介绍: Spket的ExtJS提示工具,内附需要加入ExtJS的提示内容文件ext-core-dev.js ,所需要的都整合为一个压缩包,一步到位直接使用。featurespluginsext-core-dev.js

    语言程序设计资料:ExtJs学习笔记-2积分.doc

    语言程序设计资料:ExtJs学习笔记-2积分.doc

    extjs-docs-6.0.0-classic.part01.rar

    Ext JS 6最大的变化就是将Ext JS和Touch合并为一个单一的框架。之前的框架的核心(数据、控制器、模型等等)已被调和为一个单一的公共平台。这样,数据和逻辑就能共享,从而帮助开发人员进一步去优化他们的应用程序...

    ExtJS 自定义分页控件---- PM3PagingToolbar.js

    在 ExtJS3.3基础上开发的. 低一点的版本应该也能用. 没有去测试. 参考: Ext.PagingToolbar.js 如有BUG还请各位提出或留言. 附件中有图片, 一看就知道. 用法: var grid = new Ext.grid.GridPanel({ bbar: new Ext....

    ext-4.2.0.663 EXTJS官方最新版7z压缩

    4. 升级策略:根据项目的规模和复杂度,选择合适的方式升级,如逐步迁移或一次性替换。 5. 性能优化:利用新版本的性能优化,调整代码以提升应用的运行效率。 综上所述,"ext-4.2.0.663 EXTJS官方最新版7z压缩"是...

    extjs_4.1.0_community_extjs4-mvc-complex-dashboard.zip

    在"extjs_4.1.0_community_extjs4-mvc-complex-dashboard.zip"这个压缩包中,包含了一个基于ExtJS 4.1.0 MVC模式构建的复杂仪表盘示例。这个示例展示了如何利用ExtJS的MVC设计模式来组织和管理代码,以便创建功能...

    ext-4.2.1-gpl.zip

    ExtJs4环境,不包括例子,太大了没法上传

    ExtJs4_笔记.docx

    1. **选择器**:ExtJs提供了丰富的选择器,类似于jQuery,可以方便地选取DOM元素,如ID选择器、类选择器、属性选择器等。 2. **属性**:不仅包括基本的属性读写,还支持动态修改元素属性,如CSS样式、HTML内容等。 3...

    ext-7.2.0.67.zip

    Sencha Ext JS is the most comprehensive JavaScript framework for building data-intensive, cross-platform web and mobile applications for any modern device. Ext JS includes 140+ pre-integrated and ...

    ext-4.1.0-beta-2.zip

    这个"ext-4.1.0-beta-2.zip"文件包含的是EXTJS框架的一个早期版本,4.1.0的测试版2。EXTJS 4.1.0引入了许多新特性和改进,使得开发者能够更加高效地创建具有复杂用户界面的Web应用。 `release-notes.html`文件通常...

    extjs4.0帮助文档 extjs-docs-4.0.2.zip

    extjs4.0开发人员以及学习可以下载参考

Global site tag (gtag.js) - Google Analytics