jQuery对象与js对象转换

Posted 2021-02-03 香荣如梦

前言

jq方法和js的方法属性是不能互相使用的，所以有时候就需要转一下，下面就介绍下方法。

js对象转化为jQuery对象

var box=document.getElementById("box");
var $box=$(box);

jQuery对象转化为js对象

var box1=$(box)[0];
var box2=$(box).get(0);

示例：

<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
        <script>
            //以下用innerhtml和html()测试下
            //js对象
            var box=document.getElementById("box");//OK
            //box.innerHTML="好好学习天天向上";//
            //box.html("愿你努力的速度， 赶上父母老去的速度");//TypeError: box.html is not a function因为heml()是jQuery的方法,js对象不能用
            $(box).html("不要当父母需要你的时候，除了泪水一无所有");//OK
            //jQuery对象
            //$("#box").html("祝那个在风雨中砥砺前行的你年少有为");//OK
            $("#box").innerHTML="不要当孩子需要你的时候，除了惭愧一无所有";//TypeError: $(...).innerHTML is not a functioninnerHTML是js方法,jquery对象不能使用
            $("#box")[0].innerHTML="不要当自己回首过去，除了蹉跎一无所有";//OK
            $("#box").get(0).innerHTML="把期待放低一点，把目标订小一点，一个个认真完成，一步步努力前进，你比你想象的更优秀";//OK
        </script>