jQuery对象与js对象转换

Posted 香荣如梦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery对象与js对象转换相关的知识,希望对你有一定的参考价值。

前言

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>


以上是关于jQuery对象与js对象转换的主要内容,如果未能解决你的问题,请参考以下文章

jQuery对象与JS原生dom对象之间的转换

20170907笔记:JS对象&jQuery对象转换

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

jQuery对象与js对象转换

js-jQuery对象与dom对象相互转换

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