DOMオブジェクトを渡してJQueryオブジェクトを作成しますか？

Question

だから、私はこの持って言わせて：

var d = document.createElement('div'); 
d.id = "whatever";` 

ので、dはDOMオブジェクトがあり、

どのように私が作成したり、jQueryオブジェクトに変換することができます

？

$(d) ???

jQueryオブジェクトのすべての属性を「読み込む」方法はありますか？ PHPのvar_dumpと似ています。

Answer 1

// create a jQuery-boosted div 
$div = $('<div></div>'); 
$div.attr('id','someId'); 
alert($div.attr('id')); 

// to get the DOM element: 
var div = $div[0]; 

// or 
var div = $div.get(0); 

またはちょうどあなたが示唆したよう$()でDOM要素をラップ：

$(d).attr('id','someId'); 
$(d).blah(); 

使用attrは/要素の属性を設定取得します。要素の属性とそれぞれの値をすべてダンプすることができる1ライナーがあるかどうかはわかりませんが（firebugはその目的に役立ちます）、関心のあるすべての属性名を持つ配列を作成できます。

var attr = ['name', 'id', 'src', 'foo']; 
var len = attr.length; 
for (var i = 0; i < len; i++) 
    alert($(d).attr(attr[i])); 

または$.eachを使用して：ような何か

$.each(['name', 'id', 'src', 'foo'], function(i,val) { 
    alert('Attribute: ' + val + ' Value: ' + $(d).attr(val)); 
});