DOM ऑब्जेक्ट को पास करके JQuery ऑब्जेक्ट बनाएं?

Question

तो, कहते हैं कि मैं इस डालते हैं:

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

तो, d डोम वस्तु है,

मैं कैसे बना सकते हैं या यह 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); 

या सिर्फ $() में डोम तत्व लपेट के रूप में आप का सुझाव दिया:

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

उपयोग attr पाने के लिए/सेट तत्व जिम्मेदार बताते हैं। मुझे यकीन नहीं है कि एक ऐसा लाइनर है जो किसी तत्व के गुणों और उनके संबंधित मानों को डंप कर सकता है (firebug मेरे लिए यह उद्देश्य प्रदान करता है), लेकिन आप रुचि रखने वाले सभी विशेषता नामों के साथ एक सरणी बना सकते हैं, और $.each का उपयोग कर

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

या: की तरह कुछ करना

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