使用jquery动态创建按钮并在按钮上显示文本

Question

我正在使用像这样的J查询创建一个按钮

$('<input>', {
                'type': 'button',
                'text': 'Connect',
                'id':   'buttonId',
                'class': 'buttonClass',
                'style':  '1px solid red',
            }).appendTo('#myAppendToElement');

但它没有在按钮上显示连接文本。我错过了什么。

Answer 1

对于按钮input，按钮上的文字来自value属性：

$('<input>', {
  'type': 'button',
  'value': 'Connect',
  'id':   'buttonId',
  'class': 'buttonClass',
  'style':  'border: 1px solid red',
}).appendTo('#myAppendToElement');

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