精华内容
下载资源
问答
  • DOM对象

    千次阅读 2018-12-04 21:59:46
    1.在jQuery对象中,无法使用DOM对象的任何方法$("#id").innerHTML; 2.在DOM对象中,也无法使用jQuery的任何方法document.getElementById("#id").html; DOM代码如下: $(function(){ //设置 $...

    jQuery对象是通过jQuery包装对象后产生的对象。
    jQuery对象是jQuery独有的。
    注意事项:
    1.在jQuery对象中,无法使用DOM对象的任何方法$("#id").innerHTML;
    2.在DOM对象中,也无法使用jQuery的任何方法document.getElementById("#id").html;
    DOM代码如下:
    $(function(){

     //设置
     $("#testP").html("喜欢什么运动");
     //获取
     alert($("#testP").html);
    

    });

    展开全文
  • 以以下代码为例 <style type="text/css"> video{ width: 200px; height: 200px; background-color:#CF3A3A; } </style> <body> <video><...1.DOM对象转换为jQuer

    以以下代码为例

    <style type="text/css">
    	video{
    		width: 200px;
    		height: 200px;
    		background-color:#CF3A3A;
    	}
    </style>
    <body>
    	<video></video>
    	<script type="text/javascript">
    		
    	</script>
    </body>
    

    1.DOM对象转换为jQuery对象

    ①直接获取div,得到的就是jQuery对象

    $('div')
    

    ②我们已经使用原生js获取过来的DOM对象

    var test=document.querySelector('div');
    $(test);
    

    2.jQuery转换为DOM对象

    $('div')[index]		//index是索引号
    $('div').get(index)
    
    展开全文
  • jQuery对象与DOM对象

    2019-05-09 17:11:58
    jQuery对象是通过jQuery框架包装DOM对象之后产生的一个新对象,从本质上分析它仅仅是DOM对象的集合,因此可以把DOM对象看做是一个独立的个体,而jQuery可以是多个DOM对象组成的数据集合。 jQuery对象转换为DOM对象 ...

    jQuery对象与DOM对象

    DOM对象

    DOM是Document Object Model的简写,中文翻译为文档对象模型。

    jQuery对象

    jQuery对象是通过jQuery框架包装DOM对象之后产生的一个新对象,从本质上分析它仅仅是DOM对象的集合,因此可以把DOM对象看做是一个独立的个体,而jQuery可以是多个DOM对象组成的数据集合。

    jQuery对象转换为DOM对象

    jQuery对象不能使用DOM对象的方法,如果要使用DOM对象的方法,那么就需要把jQuery对象转为DOM对象。

    有如下html结构

    <ul>
      <li>列表1</li>
      <li>列表2</li>
      <li>列表3</li>
    </ul>  
    
    1. 借助数组下标来读取jQuery元素对象集合中的某个DOM元素对象
    let $li = $("li");  //jQuery对象
    let li = $li[0];  //DOM对象
    console.log(li.innerHTML)
    
    1. 借助jQuery对象的get()方法
    let $li = $("li");  //jQuery对象
    let li = $li.get(0);  //DOM对象
    console.log(li.innerHTML);
    

    把DOM对象转为jQuery对象

    对于DOM对象来说,直接把它传递给$()函数即可,jQuery对象会自动把它包装为jQuery对象。

    let li = document.getElementsByTagName("li");  //DOM对象
    let $li = $(li);  //jQuery对象
    console.log(li.html());
    
    展开全文
  • Object对象,DOM对象,jQuery对象三者的关系:其实DOM对象和jQuery对象都是Object对象 那么为什么DOM对象和jQuery对象都可以调用自己的方法,而Object对象不可以? 比如:  var objectTest=new Object();  ...

    Object对象,DOM对象,jQuery对象三者的关系:其实DOM对象和jQuery对象都是Object对象

    那么为什么DOM对象和jQuery对象都可以调用自己的方法,而Object对象不可以?

    比如:

     var objectTest=new  Object();
                   objectTest.name=”Tom“;
                   objectTest.title="修改";

    var domTest= document.getElementById("XX");

                  domTest.getAttribute(”YY“);

    var jqueryTest= $("#XX");

                   jqueryTest.attr("YY");


    原因是:


    首先要搞清楚,JavaScript是解释型语言,不需要编译,直接执行,在浏览器执行时才校验语法。

    1)DOM对象

    各浏览器中的JavaScript解析器,都是可以识别DOM语法的。

    在读到var domTest= document.getElementById("XX");这一句时,浏览器内核就在内存中创建了一个domTest的Object类型的对象。并且给domTest对象赋值,即给domTest对象的属性赋值,其中有个属性就是getAttribute(只是这一个属性是一个函数而已)。


    什么是对象,对象就是拥有属性值得特殊数据类型。JavaScript对象是这样,Java类也是这样,任何面向对象的编程语言都是这样。面向对象的变成思想,其实就是这个意思。

    看一个编程语言是不是面向对象的,就看他的数据类型里,有没有一种类型,是拥有属性值得,即有没有类的概念,由此来看Java是有的(自定义类,可以定义属性),JavaScript也是有的(Object类,可以定义属性)。


    2)jQuery对象

    jQuery对象跟Dom对象是不一样的,其代码不被浏览器解析器所识别。

    在读到var jqueryTest= $("#XX");这一句时,如果不引入jQuery.js文件,是会报错的。

    在引入了jQuery.js之后,var jqueryTest= $("#XX");这一句时,浏览器内核就在内存中创建了一个jqueryTest的Object类型的对象。并且给jqueryTest对象赋值,即给jqueryTest对象的属性赋值,其中有个属性就是attr(只是这一个属性是一个函数而已)。







    展开全文
  • html中获取dom对象,基于地址的使用,修改后影响原对象 document.getElementById("id"); html中获取dom对象元素,获取后js填充新内容,不改变原dom对象。 document.getElementById("id")....
  • js原生获取的dom是一个对象,jQuery对象就是一个数组对象,...原生DOM对象转jQuery对象 var box = document.getElementById('box') var $box = $(box) jQuery对象转原生DOM对象 var $box = $('#box') var box = $...
  • DOM对象转化成jQuery对象 相比较jQuery转化成DOM,开发中更多的情况是把一个dom对象加工成jQuery对象。$(参数)是一个多功能的方法,通过传递不同的参数而产生不同的作用。 如果传递给$(DOM)函数的参数是一个DOM...
  • jquery对象与dom对象

    2017-09-25 01:46:20
    DOM对象通俗点讲就是document.get取出来的,js中getElementsByTagName获取元素节点得到的dom元素就是dom对象(dom树) Jquery对象用$()取出来的都是jq对象,通过jq包装DOM对象后产生的对象 jq方法只能jq对象...
  • jQuery对象和DOM对象

    2018-08-14 15:36:50
    第一次学习jQuery,经常分辨不清哪些是jquery对象、哪些是DOM对象,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系。 一、DOM对象和jQuery对象简介 1、DOM对象  DOM(Document Object Model,文档对象...
  • js原生获取的dom是一个对象,jQuery对象就是一个数组...原生DOM对象转jQuery对象: var box = document.getElementById('box'); var $box = $(box); jQuery对象转原生DOM对象: var $box = $('#box'); var ...
  • jquery对象和DOM对象

    2017-03-25 10:15:43
    jQuery对象和DOM对象的区别DOM对象是Document Object Model的简称,中文翻译为文档对象模型。DOM是HTML与XML的应用编程接口API,DOM对象将整个页面映射为一个由层次节点组成的文件。 jQuery对象是通过jQuery框架...
  • jQuery对象与DOM对象关系 区别: DOM对象:使用javascript中的方法获取页面中元素返回的对象就是DOM对象 jQuery对象:使用jQuery方法获取页面中元素返回的对象就是jQuery对象 联系:在这里插入代码片 ...
  • 1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery...
  • DOM对象与JQuery对象

    2016-10-26 18:00:24
    DOM对象:是使用js来获取的DOM对象,如document.getElementById("box"); JQuery对象:通过JQuery包装DOM对象后产生的对象,如$("#box"); DOM对象与JQuery对象只能使用各自的方法,例如document.getElementById(...
  • DOM对象: var domObj = document.getElementById("txtTmp"); jQuery对象: var $obj = $('#txtTmp'); 注意:DOM对象不能调用jQuery的方法,同样jQuery对象也不能调用DOM对象的方法 实际应用: var arrProductIds ...
  • BOM对象和DOM对象

    2017-06-26 13:39:27
    BOM对象和DOM对象简单概述
  • Dom对象和JQuery对象

    2017-07-26 11:23:03
    刚开始学习jquery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象。至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换。 什么是jQuery对象?  ---就是通过jQuery包装...
  • JS中的DOM对象

    千次阅读 多人点赞 2019-01-15 21:39:16
    DOM对象 1. DOM树 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model),通过 HTML DOM对象,可访问 JavaScript HTML 文档的所有元素。 HTML DOM 模型被构造为对象的树。 节点(Node):...
  • dom对象操作属性

    2018-05-07 23:55:47
    获取属性dom对象.属性名获取自定义属性dom对象.getAttribute("自定义")修改自定义属性dom对象.setAttribute("自定义属性" "修改属性")移除自定义属性 dom对象.removeAttribute("...
  • jQuery对象转化成DOM对象 jQuery库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能。我们使用jQuery的同时也能混合JavaScript原生代码...
  • jQ与DOM对象

    2019-02-23 22:18:30
    1.jQuery对象就是通过jQuery包装DOM对象后产生的对象,jQuery对象无法使用DOM对象的任何方法,反之也不行; jQuery对象-&gt;DOM对象 用$()把DOM对象包装起来 DOM对象-&gt;jQuery对象 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 52,783
精华内容 21,113
关键字:

dom对象