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

最新推荐文章于 2023-06-15 00:39:03 发布

iteye_15968

最新推荐文章于 2023-06-15 00:39:03 发布

阅读量93

点赞数

文章标签： javascript xhtml ViewUI

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>