document.getElementById为$

Question

我发现了一个小小的聊天脚本，并认为我尝试尽量减少javascript，并尝试将document.getElementById更改为$，将.value更改为.val()

function chat_initial(){
    var user = document.getElementById('chat_user').value;

    // tried to change above line to this
    // var user = $('chat_user').val();

    $.post('chat.php', {stage:'initial',user:user}, function(data){
        if (data == 'good'){

            chat_load();
            running = true;

            $('#chatbox #initial').css('display', 'none');
            $('#chatbox #primary').css('display', 'inline');
        }
        else
            alert('That username is taken. Please try another.');
    });
}

但是当我的脚本不再有效时，它会不断弹出alert()消息，我做错了什么？

jquery被加载，所以我认为它会起作用。

Answer 1

这将有效：

$('#chat_user').val();

（你需要告诉jQuery你正在进行ID查询。你可以通过在ID字符串前面添加"#"来做到这一点。）

Answer 2

jQuery中的CSS3选择器可以解决问题！ #按ID属性选择元素 .按类标记

选择元素

因此，要使代码正常工作，您需要像$()那样键入选择器，如下所示：

$("#chat_user")

要选择DOM标签的值（可能是输入标签？）我们输入.val()：

$("#chat_user").val()

我希望对它进行排序！