HTML片段与xmlDOM片段的jQuery包装器?

时间:2012-08-22 18:51:15

标签: jquery xml wrapper xmldom

我不理解围绕xmlDom对象的jQuery包装器与普通的旧html标记之间的概念和功能差异。

我可以在两者上调用jQuery方法,但它们的行为方式不同让我感到惊讶...我想我认为我可以使用jQuery包装任何html / xml标记,它的行为大致相同。

我正在使用xmlDOM插件来获取jQuery包装的xmlDom对象:

http://outwestmedia.com/jquery-plugins/xmldom/

这是一个小提琴:

http://jsfiddle.net/YL8bY/

<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>

0 个答案:

没有答案