我不理解围绕xmlDom对象的jQuery包装器与普通的旧html标记之间的概念和功能差异。
我可以在两者上调用jQuery方法,但它们的行为方式不同让我感到惊讶...我想我认为我可以使用jQuery包装任何html / xml标记,它的行为大致相同。
我正在使用xmlDOM插件来获取jQuery包装的xmlDom对象:
http://outwestmedia.com/jquery-plugins/xmldom/
这是一个小提琴:
<body>
<b>xmlDOM Wrapper</b> <br />
XML fragment: <br />
<div id="xmldomdiv1"></div>
HTML fragment: <br />
<div id="xmldomdiv2"></div>
<b>jQuery Wrapper </b> <br />
XML fragment: <br />
<div id="jqdiv1"></div>
HTML fragment: <br />
<div id="jqdiv2"></div>
</body>
<script>
var xmlfragment = '<book><title>My Book Title</title><author>Joe Author</author></book>';
var htmlfragment = '<div><p>My Book Title</p><p>Joe Author</p></div>';
var $xmldomxml = $.xmlDOM( xmlfragment );
var $xmldomhtml = $.xmlDOM( htmlfragment );
var $jqxml = $( xmlfragment );
var $jqhtml = $( htmlfragment );
$('#xmldomdiv1').append( $xmldomxml.find('title, author'));
$('#xmldomdiv2').append( $xmldomhtml.find('p'));
$('#jqdiv1').append( $jqxml.find('title, author'));
$('#jqdiv2').append( $jqhtml.find('p'));
console.log("Here's fragment vars: ");
console.log($xmldomxml);
console.log($xmldomhtml);
console.log($jqxml);
console.log($jqhtml);
</script>