jQuery表情選擇器是一款非常實用的插件，可以方便快捷地為網站添加表情功能。下面我們來介紹一下這款插件的基本使用方法。

首先，在頁面中引用jQuery庫和jquery表情選擇器插件：

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="jquery.emoji.js"></script>

然后，在需要添加表情選擇器的文本框或文本域中加上class="emoji"屬性：

<textarea class="emoji"></textarea>

最后，在頁面底部添加初始化js代碼即可：

$(function() {
$('.emoji').emoji({
button: '.emoji-btn',
showTab: true,
animation: 'fade',
icons: [{
name: "基本表情",
path: "images/basic/",
maxNum: 50,
file: ".png",
placeholder: ":{alias}:",
alias: {
1: "icon_微笑",
2: "icon_撇嘴",
3: "icon_色",
4: "icon_發呆",
5: "icon_得意",
...
},
title: {
1: "微笑",
2: "撇嘴",
3: "色",
4: "發呆",
5: "得意",
...
}
},
{
name: "小黃人",
path: "images/xiaohuangren/",
maxNum: 36,
file: ".png",
placeholder: "#_{alias}#",
alias: {
1: "bdb",
2: "daxiong",
3: "fanu",
4: "hanxiao",
5: "jianxiao",
...
},
title: {
1: "薄荷糖",
2: "大雄",
3: "發怒",
4: "汗笑",
5: "奸笑",
...
}
}
]
});
});

上述代碼中，icons字段是一個數組，每個元素表示一個表情包，其中包含表情包名稱name、表情圖片路徑path、最大表情數量maxNum、表情圖片格式file、替換文本placeholder、表情鍵值對alias和表情名稱title。

通過以上簡單的配置，我們就可以在頁面中方便地添加表情選擇器功能了。