ExtJS框架DOM查询详解及HelloWorld示例

本文档深入介绍了DOM查询在ExtJS框架中的运用以及ExtJS开发框架的基础知识。ExtJS是一个强大的JavaScript前端AJAX框架，专用于构建高性能的富客户端应用程序，它使得B/S应用更具交互性和用户体验。该框架与后端技术独立，兼容多种开发语言，如.NET、Java和PHP。 文档首先讲解了如何通过`Ext.get()`方法进行DOM查询，例如获取相邻的侧边节点、上一个侧边节点、第一个或最后一个节点以及父节点。例如，要获取页面上的所有`<p>`标签，可以使用`Ext.select('p')`方法，返回的是`Ext.CompositeElement`对象，可以使用`each()`方法遍历并操作这些元素。 `select()`方法允许更复杂的参数，支持CSS选择器、基本XPath和HTML属性，这提供了极大的灵活性。例如，`ps.highlight()`可以直接应用操作到所有匹配的元素上，或者使用`Ext.select('p').highlight()`来执行相同的操作。 此外，文档还提到ExtJS框架的核心组件，包括一系列用于处理网页控件的对象，以及框架发布的组成部分，如API参考手册、示例程序和开发包。其中，开发包包含了多个子文件夹，如adapter（适配底层库）、build（压缩代码）、docs（API文档）、examples（示例程序）、resources（UI资源）和source（未压缩源码）等，以满足不同开发需求。 为了搭建ExtJS的开发环境，开发者需要将开发包复制到Web工程目录，并确保引入必要的样式文件（如`ext-all.css`）和库文件（如`adapter/ext`）。一个典型的HelloWorld示例展示了如何在HTML页面中引入这些资源，并展示一个基础的ExtJS应用。 本文档不仅介绍了ExtJS框架的基础查询功能，还涵盖了框架的核心组件、开发环境设置以及实际开发中的应用示例，为开发者提供了全面的ExtJS学习指南。