jQuery Now 是一個基于 jQuery 框架的實時聊天應用。它使用實時通信技術 WebSocket 進行數據傳輸，提供了多種實用功能，例如：多人聊天、私聊、表情包、文件傳輸等。它簡單易用、功能強大，可以滿足小型團隊或社群內的日常溝通需求。

$(document).ready(function() {
//連接用 WebSocket
var socket = new WebSocket('ws://localhost:3000');
socket.onopen = function() {
//連接成功后，用戶需要輸入昵稱
var name = prompt("請輸入您的昵稱");
//將昵稱發送至服務器
socket.send(JSON.stringify({
type: 'join',
name: name
}));
//將聊天區域滾動至底部
$('#chats').scrollTop($('#chats')[0].scrollHeight);
};
//收到消息后更新 UI
socket.onmessage = function(event) {
var data = JSON.parse(event.data);
switch (data.type) {
case 'join':
$('#chats').append('
' + data.name + '加入了聊天室
');
break;
case 'leave':
$('#chats').append('
' + data.name + '離開了聊天室
');
break;
case 'chat':
if (data.to) {
$('#chats').append('
' + data.from + '對' + data.to + '說：' + data.msg + '
');
} else {
$('#chats').append('
' + data.from + '說：' + data.msg + '
');
}
break;
case 'image':
$('#chats').append('
' + data.from + '發送了一張圖片：
');
break;
}
//將聊天區域滾動至底部
$('#chats').scrollTop($('#chats')[0].scrollHeight);
};
//點擊發送按鈕時向服務器發送消息
$('#send').click(function() {
var msg = $('#msg').val();
var to = $('#to').val();
if (msg && to) {
socket.send(JSON.stringify({
type: 'chat',
to: to,
msg: msg
}));
} else if (msg) {
socket.send(JSON.stringify({
type: 'chat',
msg: msg
}));
}
//清空輸入框
$('#msg').val('');
});
});

在上面的代碼中，我們使用了 jQuery 的 ready 函數，在頁面加載完成后連接到 WebSocket 服務器。當連接成功后，用戶需要輸入昵稱，并將其發送至服務器。服務器收到昵稱后將用戶加入聊天室，并廣播給其他用戶。當用戶發送聊天消息時，將其發送至服務器，服務器會根據消息類型進行處理，并將處理結果廣播給所有用戶。界面的實現借助了 HTML、CSS 和部分 Bootstrap 組件，使應用具有良好的用戶體驗和響應式布局。