使用socket.io将jquery转换为javascript

如何将jquery代码转换为纯javascript

我正在使用socket.io库

var socket = io("localhost:3000");
$('form').submit(function () {
    socket.emit('chat message', $('#m').val());
    $('#m').val('');
    return false;
});
socket.on('chat message', function(msg){
    $('#messages').append($('<li>').text(msg));
});

var socket=io（“localhost:3000”）；
$（'form'）。提交（函数（）{
emit（'chat message'，$（'#m'）.val（））；
$（'m'）.val（''）；
返回false；
});
socket.on（'chat message'，函数（msg）{
$（“#消息”）.append（$（“
”）.text（msg））；
});

类似的方法应该可以工作：（未经测试）

---

我在下面发布了一个解决方案，但对于像将代码从jquery转换为javascript这样简单的事情，您应该只查找它。你应该提出你无法理解的问题。从你的问题中没有任何一个会说“我搞不懂x，请帮帮我，这就是我尝试过的，这就是我遇到的问题。”这就是为什么人们会对这个问题投反对票的原因。好吧，下次我会试着这么做，只是我不太擅长jquery，我也看到过类似的其他问题。谢谢你，我刚刚测试了代码，它成功了。是的，没问题，请看我对你上面问题的评论。这将在将来为您节省一些反对票：）

var socket = io("localhost:3000"),
    form = document.querySelector("form"),
    m = document.querySelector("#m"),
    messages = document.querySelector("#messages");
form.addEventListener("submit", function(e){
    e.preventDefault();
    socket.emit("chat message", m.value);
    m.value = "";
});
socket.on("chat message", function(msg){
    var _li = document.createElement("li");
    _li.innerHTML = msg;
    messages.appendChild(_li);
});