zoukankan      html  css  js  c++  java
  • Jquery对象与Dom对象

    Dom对象,html中的Dom对象通常被描述为一棵Dom树,在javascript中通过getElementsByTagName,GetElementById来获取相应的元素,
    这样得到的dom元素可以看作dom对象,例如:
    var object=document.all.getElementById("id");

    Jquery对象,是通过jquery封装了dom对象
    var $object=$("#id").html();等同于var object=document.all.getElementById("id");
    Jquery对象不能使用dom对象的方法,例如$("id").innerhtml不对,可以改为$("id").html(),
    dom对象也不能使用jquery对象的方法,例如document.getElementById("id").html()会报错,可以改为document.getElementById("id").innerhtml

    Dom对象与Jquery对象的转换
    dom对象转换为Jquery对象,因为dom对象不能使用Jquery对象的方法,但是有些时候用Jquery对象的方法操作比较简单,因此有必要把dom对象转换为Jquery对象,只需要在dom对象前加$()把dom对象包括进去就可以了
    例如
         var domobject=document.all.getElementById("id");
        var Jqueryobject=$(domobject);


    Jquery对象转换为dom对象
    因为Jquery对象本身是一个数组对象,而与dom对象的转换是针对某Jquery数组中某个元素,一次要用[index]或者get(index)
    例如:
            var allli=$("li");
            var domobject=allli.get(0);或者var domobject=allli[0];

  • 相关阅读:
    第 1 章 代码无错便是优?——简单工厂模式
    [转载]由浅入深探究mysql索引结构原理、性能分析与优化
    jquery中 $.expr使用实例介绍
    jQuery UI Widget(1.8.1)工作原理
    asp.net url重写
    CJL.0.1.js
    React Context 的用法
    小程序组件使用
    深入理解es5中Object.defineProperty()
    React合成事件
  • 原文地址:https://www.cnblogs.com/ldqwyl/p/2023438.html
Copyright © 2011-2022 走看看