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);

});

收起

展开全文

如何将jQuery对象转换为DOM对象，如何将DOM对象转换为jQuery对象（实现DOM对象和jQuery对象的互换）

2020-09-10 23:51:31

以以下代码为例 <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)

收起

展开全文

js jquery javascript

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>  


借助数组下标来读取jQuery元素对象集合中的某个DOM元素对象

let $li = $("li");  //jQuery对象
let li = $li[0];  //DOM对象
console.log(li.innerHTML)


借助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对象

2017-10-17 16:38:19

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（只是这一个属性是一个函数而已）。

收起

展开全文

dom对象和dom对象元素的区别
2014-03-07 09:23:27
html中获取dom对象，基于地址的使用，修改后影响原对象 document.getElementById("id"); html中获取dom对象元素，获取后js填充新内容，不改变原dom对象。 document.getElementById("id")....
收起
jQuery获取的dom对象和原生的dom对象有何区别
2019-09-29 12:13:28
js原生获取的dom是一个对象，jQuery对象就是一个数组对象，...原生DOM对象转jQuery对象 var box = document.getElementById('box') var $box = $(box) jQuery对象转原生DOM对象 var $box = $('#box') var box = $...
收起
DOM对象转化成jQuery对象
2017-09-05 10:38:17
DOM对象转化成jQuery对象相比较jQuery转化成DOM，开发中更多的情况是把一个dom对象加工成jQuery对象。$(参数)是一个多功能的方法，通过传递不同的参数而产生不同的作用。如果传递给$(DOM)函数的参数是一个DOM...
收起
jquery
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，文档对象...
收起
jQuery对象
jQuery获取的dom对象和原生的dom对象有何区别？
2019-07-23 12:31:57
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
jQuery对象与DOM对象关系
2019-09-29 19:23:13
jQuery对象与DOM对象关系区别： DOM对象：使用javascript中的方法获取页面中元素返回的对象就是DOM对象 jQuery对象：使用jQuery方法获取页面中元素返回的对象就是jQuery对象联系：在这里插入代码片 ...
收起
jQuery对象和DOM对象使用说明，需要的朋友可以参考下。 1.jQuery对象和DOM对象 第一次学习jQuery,经常分辨...
2017-09-26 13:49:05
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对象和jQuery对象
2019-06-05 21:17:31
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对象简单概述
收起
bom
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对象
2017-09-05 10:31:09
jQuery对象转化成DOM对象 jQuery库本质上还是JavaScript代码，它只是对JavaScript语言进行包装处理，为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能。我们使用jQuery的同时也能混合JavaScript原生代码...
收起
jquery
jQ与DOM对象
2019-02-23 22:18:30
1.jQuery对象就是通过jQuery包装DOM对象后产生的对象，jQuery对象无法使用DOM对象的任何方法，反之也不行； jQuery对象->DOM对象 用$()把DOM对象包装起来 DOM对象->jQuery对象 ...
收起

DOM对象

如何将jQuery对象转换为DOM对象，如何将DOM对象转换为jQuery对象（实现DOM对象和jQuery对象的互换）

1.DOM对象转换为jQuery对象

2.jQuery转换为DOM对象

jQuery对象与DOM对象

jQuery对象与DOM对象

DOM对象

jQuery对象

jQuery对象转换为DOM对象

把DOM对象转为jQuery对象

Object对象，DOM对象，jQuery对象三者的关系：其实DOM对象和jQuery对象都是Object对象

dom对象和dom对象元素的区别

jQuery获取的dom对象和原生的dom对象有何区别

DOM对象转化成jQuery对象

jquery对象与dom对象

jQuery对象和DOM对象

jQuery获取的dom对象和原生的dom对象有何区别？

jquery对象和DOM对象

jQuery对象与DOM对象关系

jQuery对象和DOM对象使用说明，需要的朋友可以参考下。 1.jQuery对象和DOM对象 第一次学习jQuery,经常分辨...

DOM对象与JQuery对象

区分DOM对象和jQuery对象

BOM对象和DOM对象

Dom对象和JQuery对象

JS中的DOM对象

dom对象操作属性

jQuery对象转化成DOM对象

jQ与DOM对象

dom对象

禁止用户关闭重启注销操作系统 用户是否可以关闭操作系统是通过对WM_QueryEndSession消息的处理来实现的.zip

Qt项目实战之基于Redis的网络聊天室

matplotlib画图显示不出来

【2021】Python3+Selenium3自动化测试（不含框架）

Java学习历程（4）——Java成员属性与成员方法

thinkphp5.1博客后台实战视频

vue事件

大数据Hive on MR/TEZ与hadoop的整合应用

6.数组完成快递的增删改查

微信支付2021系列之扫码支付一学就会java版

soul网关系列(九)：soul-admin与网关数据同步之http长轮询

autograd_learning.ipynb

基于solidworks中的stewart平台建模

算法导论二（排序和顺序统计量）——编程大牛的必经之路

PHP开发的H5即时通讯聊天系统源码 带群聊 可封装APP

关于闭包

ProBuilder快速原型开发技术

【新版】kali 2020.4 安装openvas 报错，command not found: openvas-setup

基于51的NRF24L01通信实验.zip

OpenMP详细用法,OMP太牛B了能够发辉多核CPU100的性能

jQuery对象和DOM对象使用说明，需要的朋友可以参考下。 1.jQuery对象和DOM对象第一次学习jQuery,经常分辨...

禁止用户关闭重启注销操作系统用户是否可以关闭操作系统是通过对WM_QueryEndSession消息的处理来实现的.zip

PHP开发的H5即时通讯聊天系统源码带群聊可封装APP