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();

            }*/

        });