0

我不明白围绕 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>
4

0 回答 0