jquery atwho是一個強大的插件，它能夠讓你的輸入框自動匹配用戶、話題或者其他內容，非常方便。在使用這個插件的時候，你需要引入jquery，以及atwho.js和atwho.css文件。

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link  rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/at.js/1.4.0/js/jquery.atwho.min.js"></script>

接下來就是在需要使用自動匹配的輸入框上調用atwho方法。比如我們有一個輸入框：

<input type="text" id="myInput">

我們可以使用如下代碼調用atwho方法：

$(function(){
$('#myInput').atwho({
at: "@",
data: ["John", "Mike", "Lucy"],
displayTpl: "
${name}
",
insertTpl: "@${name}"
});
});

代碼解釋：

• at: "@"表示匹配以@字符開頭的內容，可以根據需要變更。
• data: ["John", "Mike", "Lucy"]表示要匹配的數據，也可以是一個數組對象，比如[{name: 'John', id: 1}, ...]。
• displayTpl: "
• ${name}
"表示匹配到的內容在下拉框中的樣式，${name}表示匹配到的內容。
• insertTpl: "@${name}"表示在輸入框中插入的樣式，${name}表示匹配到的內容。

除了這些基本的配置外，atwho還有很多高級用法，比如異步獲取數據、自定義匹配條件等等。它非常靈活，可以滿足各種需求。

總之，jquery atwho是一款非常好用的自動匹配插件，它可以讓你的輸入框變得更加智能、更加方便。如果你還沒有使用過它，趕快去試試吧！