jquery - jqueryで複数の属性を設定する

Question

どこかで btn.attr() を間違えましたが、見つかりません。というか、どうやら思ったようにうまくいかないので、今は混乱しています。「with」を使用してjavascriptで実行できますが、jqueryでも実行する方法を学びたいです。コードは次のとおりです。

function setattr(id, value) {
    var btn = document.createElement('input');
    btn.setAttribute('type', 'button');
    btn.attr({
        id: id,
        class: "btnclass", 
        value: "value"
        });};

どういうわけか $(this) も使用できたでしょうか?

Answer 1

このデモを試す

function setattr(id, value) {
var btn = document.createElement('input');

 $(btn).attr({
    type: 'button',
    id: id,
    class: "btnclass", 
    value: value
});
//bind event
$(btn).on('click', function(){
  alert('work....');
});
  $('body').append(btn);
};

Answer 2

それよりも：

var btn = document.createElement('input');
...

簡単にできます：

var btn = $('<input type="button" id="'+id+'" class="btnclass" value="value"/>');

.appendTo()、.prependTo()、または jQuery が提供するその他のさまざまなメソッドを使用して、これをページに割り当てることができます。

JSFiddle の例。