zoukankan      html  css  js  c++  java
  • DOM对象与jquery对象的互相转换

    一開始总是对DOM对象和jQuery对象搞不清楚。如今对此做一下总结:

    DOM 对象:文档对象模型。每一份DOM都能够看作一棵树。像ul,li ol  dl  p  h1  等等都是DOM元素节点。能够通过js的getElementsByTagName  和 getElementById  来获取这些元素节点。像这样得到的DOM元素就是DOM对象。


       DOM对象能够使用javascript中的方法。如:


    var domObj = document.getElementById("id"); 

    var objHtml = domObj.innerHTML;



    jquery对象就是通过jquery包装DOM对象后产生的对象。

    jquery对象能够使用jquery中的方法。

    如:

    $("#foo").html();

    这段代码等同于document.getElementById("foo").innerHTML;


    当然。jquery对象和DOM对象能够相互转换:

    jquery提供了两种方法将jquery对象转换成DOM对象:即[index] 和 get(index)


    var $cr = $("#cr");             //jquery对象

    var cr = document.getElementById("cr");      //DOM对象


    如今将它们进行相互转换:

    将jquery对象转换成DOM对象:

    var $cr = $("#cr");   

    var  cr = $cr[0];      //将jquery对象转换成了DOM对象。


    将DOM对象转换成jquery对象:

    var cr = document.getElementById("cr");     //声明了DOM对象

    var $cr = $(cr);            //将DOM对象转换成了jquery对象


    一般是在jquery没有封装想要的方法,不得不使用DOM对象的时候。就须要对jquery对象转换成DOM对象。


  • 相关阅读:
    第四章 连接管理
    第三章 http报文
    第二章 URL与资源
    第一章 http概述
    html5 canvas 游戏地图绘制
    jqGrid 编辑完数据后能返回到当前位置的方法
    发布APP到app store
    STSDB、NDataBase 对象数据库在不同.net framework下无法读取的解决办法
    System.Json 使用注意
    TiQuery
  • 原文地址:https://www.cnblogs.com/zhchoutai/p/6877740.html
Copyright © 2011-2022 走看看