jquery对象和DOM对象的相互转换

在实际的项目开发过程中，我们经常会使用jquery或者原生js对文档元素添加一些行为交互。js提供了一系列的方法，jquery同样的也提供了一系列的方法，可以说jquery提供的方法几乎涵盖了js提供的方法。对于jquery没有涵盖的方法，或者js没有而jquery有的方法，我们可以通过两者的相互转换来解决。文档元素要使用jquery或者js提供的方法，首先我们要取得该元素，取完后分别是jquery对象和DOM对象，两者虽然都表示取得元素，但是两者并不相等。jquery对象是使用jquery封装DOM对象后生成的对象，jquery对象其实是数组对象，$()就是jquery对象的制造工厂。下面通过代码来展示两者的相互转换：

<script>
        /*jquery对象转DOM对象*/
        var $mqp = $("#mqp");//jquery对象
        //第一种方式
        var mqp = $mqp[0];//DOM对象
        //第二种方式
        var mqp = $mqp.get(0);//DOM对象
        
        /*DOM对象转jquery对象*/
        var mqp = document.getElementById("mqp");//DOM对象
        var $mqp = $(mqp);//jquery对象
</script>

 

转载于:https://www.cnblogs.com/web-panpan/p/7233384.html