Jade是一種模板引擎，它能夠快速構建HTML頁面。在實際開發中，我們經常需要用到jQuery庫來實現頁面的動態效果。下面我們就來了解一下在Jade中如何使用jQuery。

script.
$(document).ready(function(){
// 在這里編寫你的jQuery代碼
});

在Jade中使用jQuery需要在script標簽中引入jQuery庫，并編寫jQuery代碼。在以上代碼中，我們通過$(document).ready()函數來確保頁面的DOM元素已經加載完畢，再執行jQuery代碼。

#btn.btn
| 點擊我
script.
$(document).ready(function(){
$("#btn").click(function(){
alert("你點擊了按鈕！");
});
});

以上代碼實現了一個在頁面上展示一個按鈕，并且當點擊這個按鈕時彈出一個對話框的功能。同樣的，在Jade中使用jQuery庫時，我們可以通過在DOM元素上添加jQuery事件，來實現頁面的交互效果。

p 提交數據:
input#username(type="text", placeholder="請輸入用戶名")
input#password(type="password", placeholder="請輸入密碼")
button#submit(type="button") 提交
script.
$(document).ready(function(){
$("#submit").click(function(){
var username = $("#username").val();
var password = $("#password").val();
alert("用戶名：" + username + "，密碼：" + password);
});
});

以上代碼實現了一個表單提交的功能，并在提交按鈕點擊后獲取表單中的用戶名和密碼，并彈出對話框顯示這兩個數據。在以上代碼中，我們除了添加了click事件外，還使用了jQuery的val()函數來獲取表單值。

總的來說，在Jade中使用jQuery來實現頁面效果，需要在script標簽中引入jQuery庫，并通過綁定DOM元素事件，來實現交互效果。當然，這只是jQuery的基礎應用，還有更多更高級功能等待你去探索。