js对象和jQuery对象的转换

JS对象只能访问原生JS的API
jQuery对象只能访问jQuery的API

JS对象转换为jQuery对象：$()
jQuery转换为JS对象：.get()或[index]

 <div id="box">1</div>
    <div id="box2">2</div>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
    <script src="./jquery-3.6.0.min.js"></script>
    <script>
        // 1.js对象只能访问原生js的API
        //   jQuery对象只能访问jQuery中的API
        // 2.二者之间如何相互转换
        // js对象 => jQuery对象,使用$()方法进行包装
        var js_div = document.getElementById('box');
        $(js_div).css({
            color:'red',
            fontSize:24
        })
        // jQuery对象 => js对象,使用get(index)方法转换 或者 [index]
        $('#box2')[0].style.color = 'blue';
        console.log($('#box2').get(0));
        console.log($('li').get(3).offsetLeft);