删除文本后，为什么无法通过jquery设置输入文本的值？

Question

这是我的代码：单击按钮时我想更改城市的值

function add()
{
        $("#city").attr("value","abc");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type='text' id='city' value="123"/>
<input type="button" id='btnChange' value="Change" onclick="add();return false;"/>
    

如果在页面加载后，我单击按钮，它可以正常工作：city =abc。

但是，如果在页面加载之后，我选择并删除了文本“ 123”，则我单击按钮，则它不起作用。 city=""

为什么删除文本后无法通过jquery设置输入文本的值？

Answer 1

使用jquery val代替context

attr