dom对象与jqurey相互转换的方法

<script>

        $(function(){

            var box = document.getElementsByClassName("box")[0];

            var box2 = $(".box")

            var box3 = $("#id_div");

            // jq对象转dom元素

            // 方式1

            // var dom_box3 = box3[0]

            // 方式2

            var dom_box3 = box3.get(0)

            console.log(dom_box3);

            dom_box3.onclick = function(){

                alert(123)

            }

            // dom对象转jq对象

            // 方式1

            // var jq_box = $(box);

            // 方式2

            var jq_box = jQuery(box);

            jq_box.click(function(){

                alert(456)

            })

        })