博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ext.query选择器的一些用法
阅读量:6450 次
发布时间:2019-06-23

本文共 1606 字,大约阅读时间需要 5 分钟。

from:http://blog.csdn.net/lejuo/article/details/6563056

 
162人阅读 
(0) 
 
第一部分:元素选择符Selector
// 这个查询会返回有两个元素的数组因为查询选中对整个文档的所有span标签。
 Ext.query("span"); 
// 这个查询会返回有一个元素的数组因为查询顾及到了foo这个id。 
Ext.query("span", "foo");
// 这个查询会返回包含我们foo div一个元素的数组! 
Ext.query("#foo");
/*这个查询会返回有一个元素的数组, 包含与之前例子一样的div但是我们使用了class name来获取*/ 
Ext.query(".foo");
// 这会返回一个数组,包含文档的所有元素。 
Ext.query("*");
// 这会返回有一个元素的数组,包含p标签的div标签 
Ext.query("div p"); 
// 这会返回有两个元素的数组,包含span标签的div标签 
Ext.query("div span");
第二部分:属性选择符Attributes selectors
// 我们检查出任何存在有class属性的元素。 
// 这个查询会返回5个元素的数组。 
Ext.query("*[class]"); 
// 结果: 
[body#ext-gen2.ext-gecko, div#bar.foo, span.bar, div#foo.bar, span.bar]
// 这会得到class等于“bar”的所有元素 
Ext.query("*[class=bar]"); 
// 这会得到class不等于“bar”的所有元素 
Ext.query("*[class!=bar]"); 
// 这会得到class从“b”字头开始的所有元素 
Ext.query("*[class^=b]"); 
//这会得到class由“r” 结尾的所有元素 
Ext.query("*[class$=r]"); 
//这会得到在class中抽出“a”字符的所有元素 
Ext.query("*[class*=a]");
================================================
from:http://langgufu.iteye.com/blog/1575882
Ext.get() 和 Ext.query() 取元素方式
想要利用ExtJS的库函数对DOM进行各类操作,就要得到Element类 型的对象,但是Ext.get()取到的虽然是Element,但是参数只能是id,如果大家对jQuery的selector方式很喜欢和崇拜,那么就 一定要学习Ext.get()和Ext.query()的组合方式。
前面写的get()和query()我都省略参数了,先看看文档中的函数原 型:
Ext.get( Mixed el ) : Element 
Parameters: 
el : Mixed
The id of the node, a DOM Node or an existing Element.
Returns:
Element
The Element object
Ext.query( String path, [Node root] ) : Array 
Parameters: 
path : String
The selector/xpath query
root : Node
(optional) The start of the query (defaults to document).
Returns: 
Array
query函数返回的其实是一个DOM Node的数组,而Ext.get的参数el可以是DOM Node
你可能感兴趣的文章
vlan中继协议
查看>>
数据库服务器 之 Postgresql备份和恢复------SQL转储篇
查看>>
Debian ping同一网段成功,其他网段:network is unreachable
查看>>
svn全自动化更新
查看>>
Django笔记(4)-- Django的MTV模式
查看>>
JAVA中CAS原理详解
查看>>
mysql into outfile ERROR : Can't create/write to f
查看>>
基于springboot+mybatis的微信公众号开发第三篇-消息的接收与回复
查看>>
我的友情链接
查看>>
大众点评构陷食神摇摇 又一个创新公司遭遇伏击
查看>>
My index
查看>>
匈牙利算法(一种用增广路径求二分图最大匹配的算法)
查看>>
常用SQL(三)
查看>>
/etc/inittab配置文件详解
查看>>
Rabbitmq 安装与配置
查看>>
Redis Sharding方案
查看>>
Flash全站SEO方式,属作弊慎用
查看>>
栅格系统
查看>>
使用 XML 模板
查看>>
我眼中的nginx
查看>>