Jquery对象和Dom对象互转

转载于 2012-06-26 12:30:00 发布 · 41 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/fumj/archive/2012/06/26/2563479.html

文章标签：

#javascript #ViewUI

本文介绍了如何在JavaScript中实现DOM对象与jQuery对象之间的相互转换。包括两种主要的转换方式：从DOM到jQuery对象及从jQuery对象回到DOM对象，并提供了具体的代码示例。

<script type="text/javascript">
        //Dom对象不能使用Jquery对象的方法
        //Jquery对象也不能使用Dom对象的方法

        //Dom对象转Jquery对象
        $(function () {
            var Dom1 = document.getElementById('div1');
            var s = $(Dom1).html();
            alert(s);
        });
        //Jquery对象转Dom对象
        $(function () {
            //方法一
            //var jqu1 = $("#div1")[0];
            //方法二
            var jqu1 = $("#div1").get(0);
            var s = jqu1.innerHTML;
            alert("j转d了"+s);
        });
    </script>