在網頁開發中，輸入框是非常常見的交互組件。而在輸入框中，光標位置的控制也是一個比較重要的問題。在這篇文章中，我們將介紹如何使用jQuery來控制輸入框中的光標位置。

$(document).ready(function() {
// 獲取輸入框對象
var input = $("#inputBox");
// 監聽文本框點擊事件
input.click(function() {
// 獲取當前光標位置
var cursorIndex = input.get(0).selectionStart;
console.log("當前光標位置：" + cursorIndex);
});
// 示例：在文本框中插入內容
$("#insertBtn").click(function() {
// 獲取需要插入的內容
var insertText = $("#insertText").val();
// 獲取當前光標位置
var cursorIndex = input.get(0).selectionStart;
// 在光標位置處插入內容
input.val(input.val().substring(0, cursorIndex) + insertText + input.val().substring(cursorIndex));
// 更新光標位置
input.get(0).selectionStart = cursorIndex + insertText.length;
input.get(0).selectionEnd = cursorIndex + insertText.length;
// 重新設置光標位置
input.focus();
});
});

在上面的代碼中，我們首先獲取了輸入框對象，并監聽了輸入框的點擊事件。然后獲取當前光標位置，并輸出到控制臺中。同時，我們還提供了一個示例，在文本框中插入一段內容。我們通過獲取需要插入的內容，以及當前光標位置，在光標位置處插入內容，并重新設置光標位置，使得用戶可以繼續輸入。

通過使用jQuery，我們可以方便地控制輸入框中的光標位置，實現更加靈活的交互體驗。