<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)
})
})