DOM对象和jquery对象如何相互转换

news/2024/7/10 22:46:04 标签: jquery, dom, 转换

大家看到这个题目就想知道为啥要相互转化呢,一般的时候是不需要转化的,转化的原因是因为在Jquery对象中无法使用DOM对象的任何方法,比如$(“p”).innerHtml就是错误的,因为他的写法是$(“p”).html()。同样的DOM对象中也不能用Jquery对象中的方法,如document.getElementsByTagName(“p”).html()就是错误的。

 1.首先我们要DOM对象和Jquery对象各自的定义,DOM对象又叫做文档对象模型,我们也可以称其为DOM树,因为他就像一颗树一样,有很多的枝枝蔓蔓,如下所示就是一个DOM树的形状

<ul>
    <li>aaa</li>
    <li>bbb</li>
    <li>ccc</li>
</ul>

 2. 在上面的DOM树中, ul, li都是DOM元素节点。我们如果想使用这个对象,那么就要获取对象。怎么获取,很简单,JavaScript中提供了两个常用方法:       getElementsById,getElementsByTagName,比如我们要获取ul元素节点,就可以这样写了:document.getElementsByTagName(“ul”); 这就是一个DOM对象

3.那什么是Jquery对象,我们知道Jquery是对Javascript的封装。很显然Jquery对象就是对JavaScript中DOM对象的封装。用Jquery的话就不需要写document.getElementByID这样的长单词了,一个$符号就代替了,例如获取ul节点,也可以这样写:$(“ul”)

 4.Jquery怎么转化为DOM对象。Jquery对象如果想要DOM对象中的方法,这个时候需要转化为DOM对象。比如上面的JQUERY对象$(“ul”)转化DOM对象可以这样写:$(“ul”)[0]或者$(“ul”).get(0)

 5. 那DOM对象又如何转化为Jquery对象?很简单,比如上面的document.getElementsByTagName(“ul”)只需要将其包裹在$()里就可以了:$( document.getElementsByTagName(“ul”))


http://www.niftyadmin.cn/n/1598443.html

相关文章

【在线相册】oracle JNDI

JNDI Java Naming and Directory Interface&#xff1a;Java提供的命名服务&#xff0c;也就是将资源绑定到目录的简称。 名字和目录服务由来已久&#xff0c;如DNS就是将域名和ip绑定 JNDI的两大功能&#xff1b; 1 将名字绑定到资源&#xff0c; 2 通过名字查找资源&#xff…

Linux 内核--任务0的运行(切换到用户模式)move_to_user_mode

本文分析基于Linux 0.11内核&#xff0c;转载请标明出处,http://blog.csdn.net/yming0221/archive/2011/06/01/6459119.aspx 在main.c的程序中&#xff0c;当设备初始化完毕后&#xff0c;程序将从内核模式切换到用户模式&#xff0c;也就是所说的任务0&#xff0c;执行fork()…

node介绍和安装

1、node介绍 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型&#xff0c;使其轻量又高效。 Node.js 的包管理器 npm&#xff0c;是全球最大的开源库生态系统。 2、nodejs安装 官方下载msi安装包&…

【在线相册】索引

SQL*Plus: Release 10.1.0.2.0 - Production on 星期四 6月 2 10:33:40 2011 Copyright (c) 1982, 2004, Oracle. All rights reserved. Connected to: Oracle Database 10g Enterprise Edition Release 10.1.0.2.0 - Production With the Partitioning, OLAP and Data Mining …

idea中执行“npm”命令,提示‘node‘ 不是内部或外部命令,也不是可运行的程序

安装完node后&#xff0c;在命令行分别输入npm -v和node -v出现版本信息了&#xff0c;配置完环境变量后&#xff0c;打开idea提示npm不是内部命令&#xff0c; step1&#xff1a;检查环境变量是否都在系统中配置 step2&#xff1a;如果环境变量ok&#xff0c;问题未解决&…

通过命令创建vue项目

安装脚手架 npm install -g vue/cli 创建项目 # npm 6.x $ npm init vitelatest <project-name> --template vue # npm 7&#xff0c;需要加上额外的双短横线 npm init vitelatest vue3demo02 -- --template vue// 进入创建好的项目 $ cd vue3demo02 // 安装依赖 $ np…

外码

SQL*Plus: Release 10.1.0.2.0 - Production on 星期四 6月 2 18:13:18 2011 Copyright (c) 1982, 2004, Oracle. All rights reserved. Connected to: Oracle Database 10g Enterprise Edition Release 10.1.0.2.0 - Production With the Partitioning, OLAP and Data Mining …

系统程序员成长计划-走近专业程序员

用C语言编写一个双向链表。如果你有一定的C语言编程经验&#xff0c;这自然是小菜一碟。有的读者可能连一个小程序都没有写过&#xff0c;那也不用害怕&#xff0c;可以参考任何一本《数据结构》和C语言的书籍。先弄明白基本概念&#xff0c;把书上的代码看明白&#xff0c;再把…