Ext 4.2 是一款優秀的 Javascript 框架，它提供了一些非常強大的工具和組件，使得 Web 應用開發變得更加簡便、高效。而 JQuery 是目前流行的最廣泛的 Javascript 工具包之一，它提供了豐富的 API，使得開發者可以更加容易地操作 DOM、處理事件和實現動畫效果。本文將介紹如何在 Ext 4.2 中使用 JQuery，以便更好地開發 Web 應用程序。

首先，要引入 JQuery 庫。可以在 HTML 頁面中直接通過 script 標簽引入 JQuery：

<script type="text/javascript" src="jquery.js">

這里需要先下載 JQuery 庫文件并放在項目中，然后在 Ext 的入口文件中進行加載。可以加載 minified 和 non-minified 版本，minified 優化到去掉空格和注釋，更小的文件體積，優化后的代碼如下：

Ext.Loader.setConfig({
enabled: true,
paths: {
'Ext': '/ext-4.2.1/src',
'jquery': 'http://code.jquery.com/jquery-1.11.0.min'
}
});
Ext.require([
'Ext.form.*',
'Ext.tip.*',
'Ext.window.*',
'jquery'
]);
Ext.onReady(function() {
jQuery(document).ready(function() {
// document ready handler
});
});

上面代碼中，通過 Ext.Loader 的 setConfig 方法將路徑配置至項目路徑和 JQuery 的 CDN 路徑。然后，通過 Ext.require 引入 JQuery 和 Ext 的組件。在 Ext.onReady 函數中，使用 jQuery(document).ready() 回調函數來指定頁面加載完成后執行的代碼。

接下來，我們可以使用 JQuery 的 API 來操作 DOM 元素。例如，以下代碼可以對一個文本框進行賦值：

jQuery('#mytextfield').val('hello world');

以上代碼使用了 jQuery('#mytextfield') 來選擇目標元素，并使用 val() 方法對它進行賦值。

JQuery 還提供了許多方法來處理事件。例如，以下代碼可以指定一個單擊事件的處理方法：

jQuery('#mybutton').click(function() {
alert('button clicked!');
});

以上代碼將一個匿名函數傳給 click() 方法，當按鈕被單擊時，就會執行該函數。

總的來說，使用 Ext 4.2 和 JQuery 的組合可以讓 Web 應用開發變得更加簡單、高效。通過引入 JQuery 庫、使用其 API 操作 DOM 元素和處理事件，開發者可以更加輕松地實現動畫效果和響應式 UI，為用戶帶來更好的使用體驗。