EMOJI JQUERY是一個基于jQuery的插件,它幫助開發者更輕松地在網站中使用圖標表情。EMOJI JQUERY使用的是開源的Emoji-icons,包括了許多常用的表情圖標,像笑臉,心形,食物和動物等等。如果你正在尋找一種簡單的方法來增加想在網頁上添加的表情,EMOJI JQUERY是你需要的!
EMOJI JQUERY是在ES5 JavaScript編寫的,因此它非常直觀易懂。在使用這個插件之前,您需要在頁面上添加jQuery庫。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
在您的HTML頁面中添加一個元素來容納圖標表情。在這個例子中,我們選擇了一個div元素:
<div id="emojis"></div>
將EMOJI JQUERY插件添加到您的JavaScript代碼。在您的JavaScript代碼中,將EMOJI JQUERY插件文件鏈接添加到您的HTML頁面上,然后實例化它:
<script src="jquery.emoji.js"></script>
<script>
$(document).ready(function() {
$('#emojis').emoji();
});
</script>
現在,您可以在您的HTML頁面上輕松地使用表情圖標了。只需在要加入表情圖標的位置輸入相應的字符代碼即可。
<textarea id="message"></textarea>
<span id="addEmoji">
上一篇怎么精通css