• 中文
    • English
  • 注册
  • 查看作者
  • 2:JQuery的DOM对象和JQuery对象

    一.  DOM对象

    DOM对象就是一个元素:

    <script type="text/javascript">
       window.onload = function () {
           var btn = document.getElementById("btn");
           //输出一个DOM对象:<button id="btn">按钮</button>
           console.log(btn);
           //输出一个JQuery对象:m.fn.init [button#btn, context: button#btn]
           console.log($(btn));
    
       }
    </script>

    二.  JQuery对象

    JQuery对象是一个DOM对象的数组

    <script type="text/javascript">
       $(function () {
         //输出一个JQuery对象:m.fn.init [button#btn, context: button#btn]
           console.log($("#btn"));
        //输出:m.fn.init [button#btn, context: document, selector: "#btn"]
       });
    </script>

    三.  DOM对象转换为JQuery对象

    可以使用$(DOM对象)将DOM对象转换为JQuery对象:

    <script type="text/javascript">
        window.onload = function () {
            var btn = document.getElementById("btn");
            //将DOM对象转换为JQuery对象
            console.log($(btn));
        }
    </script>

    四.  JQuery对象转换为DOM对象

    可以使用JQuery对象[下标]将JQuery对象转换为DOM对象:

    <script type="text/javascript">
        $(function () {
            // 将JQuery对象转换为DOM对象:
            console.log($("#btn")[0]);
            //输出:<button id="btn">按钮</button>
        });
    </script>
    山东省
  • 0
  • 0
  • 0
  • 1.4k
  • 请登录之后再进行评论

    登录
    单栏布局 侧栏位置: