Dom对象与jQuery对象的互相转换

于 2012-04-22 01:34:00 发布 · 135 阅读

文章标签：

#javascript #xhtml #ViewUI

本文介绍了如何在DOM对象和jQuery对象之间进行转换，并通过实例展示了转换的方法。文章提供了具体的HTML和JavaScript代码，演示了如何使用jQuery获取DOM元素的内HTML。

Dom对象可以和jQuery对象互相转换。

Dom对象转换为jQuery对象：var jqueryObject = $(domObject);

jQuery对象转换为Dom对象：var domObject = jqueryObject[0]; 或者 jqueryObject.get(0);

下面看一个实例：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () { alert(document.getElementById("div1").innerHTML); });
        $(function () { alert($('#div1').html()); });
        $(function () {
            var domObject = document.getElementById("div1");
            alert($(domObject).html());
        });
        $(function () {
            var jqueryObject = $('#div1');
            alert(jqueryObject[0].innerHTML);
        });
    </script>
    <title></title>
</head>
<body>
    <div id="div1">
        abc
    </div>
</body>
</html>