• 中文
    • 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.2k
    • 请登录之后再进行评论

      登录

      赞助本站

      • 支付宝
      • 微信
      • QQ

      感谢一直支持本站的所有人!

      单栏布局 侧栏位置: