js对象与jquery之间的转换

$(function () {
            // 获取到demo按钮
            //js实现方式
            /*document.getElementById("demo").onclick = function () {
                alert("我是第一个按钮的内容");
            }


            // jQuery方式 ，事件名称不带on
            $("#demo").click(function () {


            });*/


            // jQuery对象
            var $demo = $("#demo");
            console.log($demo);


            // DOM对象
            var demo = document.getElementById("demo");
            console.log(demo);


            //console.log($("div"));
            $("span")
            // jQuery对象转换成DOM对象
            /*// 方式一
            $("#demo")[0].onclick = function () {
                alert("我是从jQuery对象转换来的Dom对象");
            }


            // 方式二
            $("#demo").get(0).onclick = function () {
                alert("我是从jQuery对象转换来的Dom对象");
            }*/


            // DOM对象转换成jQuery对象
            var demo = document.getElementById("demo");
            $(demo).click(function () {
                alert("我是从DOM对象转换过来的");
            });


            // 触发事件（了解）
            /*document.getElementById("j_btnClick").onclick = function () {
                document.getElementById("demo").click();
            }*/
        });