jQuery对象与dom对象相互转换

     用jquery也有些日子了,经常碰到因为习惯原因去直接用jquery对象使用标准js中的方法,毕竟习惯了,轻车熟路。碰了几次壁之后,也理清了它们之间的关系。故整理出来。

 

     jquery选择器得到的jquery对象和标准的javascript中的document.getElementById()取得的dom对象是两种不同的对象类型,一般情况下,如S(’#id’)得到的是jquery对象,它不能使用js中的dom方法。所以,如果jquery对象要使用标准的dom方法,就需要进行对象转换。

      因为jquery对象一般是一个集合类型,所有,要将jquery对象转化为dom对象,必须取出jquery对象中的具体的某一项。我们可以通过类似数组的索引的方式取出。下标从0开始。如$(’#id’)[0],$(’#id’).get(0),$(’div’).get()[1],$(’p')[5]等。这样的对象都成了dom对象。可以使用标准的js方法。但是不能使用jquery定义的方法。

      同理,可能需要将dom对象转换为jquery对象。转换方法是将dom对象包含在$()中,如$(document.getElementById(’id’));这样的对象就变成了jquery对象,可以使用jquery的各种方法了。

 

【Bug已解决】codex: debug 模式无输出 — CodeX CLI 调试模式不工作解决方案 CodeX CLI 开启 debug 模式后无输出/日志不打印的解决方案,含 debug 开关、日志级别、stderr 重定向与 IDE 日志面板。 阅读详情

相关推荐

Simulink单相桥式有源逆变电路仿真:从器件选型到波形分析(MATLAB 2018a实战)

本文基于MATLAB 2018a的Simulink平台,详细演示了单相桥式有源逆变电路的完整仿真流程。从Simscape/Power Systems库的器件选型、参数配置,到触发脉冲设置与电路连接,逐步指导搭建仿真模型。通过调整触发角α,直观展示了电路从整流到有源逆变的工作状态切换,并深入分析了负载电压、电流波形,以及逆变颠覆现象的产生条件与特征。

cake8的博客 1161

jquery - 将jquery转为dom对象的几种方法

普通的dom对象一般可以通过$()转换成jquery对象。如:$(document.getElementById("msg"))则为jquery对象,可以使用jquery的方法。由于jquery对象本身是一个集合(返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法)。所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出。如:$("#msg")[0

技术记录 645

SPI模式下的SD卡读写,为什么你的数据总出错?详解时序与状态机避坑指南

本文深入探讨SPI模式下SD卡读写数据出错的根本原因,提供时序优化与状态机设计的实战指南。针对时钟周期计数、状态机跳转和忙检测等核心问题,详解命令时序细节、状态机同步策略及高级避坑技巧,帮助开发者提升SD卡在SPI模式下的稳定性和性能。

weixin_30514745的博客 263

jquery对象和dom对象的相互转换

1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是

任何技能都是从模仿开始,逐步升华。 1423

SPM12最新安装教程:Matlab2021a用户必看的路径配置技巧

本文为Matlab2021a用户提供SPM12的深度安装与路径配置指南。针对新版Matlab的路径管理变化,详细解析了传统方法失效的原因,并推荐通过创建startup.m文件实现SPM12路径的永久化、自动化配置,确保神经影像分析环境的稳定与高效。

weixin_29061509的博客 315

Halcon实战:5分钟搞定自定义直线卡尺工具(附完整代码下载)

本文详细介绍了如何使用Halcon快速开发自定义直线卡尺工具,通过交互式ROI绘制、边缘检测和直线拟合三个核心函数,实现高效工业视觉检测。文章包含完整代码下载,帮助开发者在5分钟内掌握这一实用工具的开发技巧,提升直线检测的精度和效率。

perl8的博客 251

jQuery学习笔记之jQuery对象与DOM对象相互转化

jQuery对象转化成DOM对象 jQuery提供了两种方法将一个jQuery对象转化成DOM对象:[index]和get(index) 1、jQuery对象是一个数组对象,可以通过[index]的方法得到相应的DOM对象 例如, var $cr = $("#cr");//jQuery对象 var cr = $cr[0];//DOM对象 alert(cr.checked);//检测这个...

honeyRR的博客 195

MATLAB实战:手把手教你实现Gardner环路位同步(附完整代码)

本文通过MATLAB实战,详细讲解了Gardner环路位同步算法的原理与实现。内容涵盖插值滤波器、定时误差检测、环路滤波器与数控振荡器等核心模块,并提供完整代码和调试技巧,帮助读者掌握数字通信中关键的符号定时同步技术。

weixin_29048775的博客 175

vue 学习-----vue通过ref获取原生dom对象

//vue <input type="text" ref="userInfo"> <button @click="getMsg">获取数据</button> //methods //this.$refs.userInfo.value methods:{ getMsg(){ console.log(thi...

panxy的博客 2019

电力负荷预测 | 电力系统负荷预测模型(Python线性回归、随机森林、支持向量机、BP神经网络、GRU、LSTM)

电力负荷预测 | 电力系统负荷预测模型(Python线性回归、随机森林、支持向量机、BP神经网络、GRU、LSTM)

天天酷科研的博客 3189

2025年下半年网络规划设计师综合知识真题及答案解析

1983年,ARPANet完成技术转型,对此后的 Internet发展全关重要,这一转型是指( ) A.电路交换转向分组交换 B.商业化转型 C.民用化转型 D.从 NCP 协议转向 TCP/IP 答案:D 解析:ARPANet 最初使用 NCP (Network Control Protocol)协议进行主机问通信。1983年1月1日,ARPANet 正式切换到TCP/IP 协议族,为后续Internet的发展奠定了统一协议基础。

鹿鸣天涯 932

jquery对象和DOM对象的相互转换

在讨论jquery对象和DOM对象的相互转换之前,先约定好定义变量的风格如果获取的是jquery对象,那么在变量前面加上$,例如 var $varible = jquery对象; 如果获取的是DOM对象,则定义如下: var varible = DOM对象; 1.jquery对象转成DOM对象: jquery对象不能使用DOM中的方法,但如果对jquery对象所提供的方法不熟悉,或者没有jquer...

weixin_44260327的博客 446

SpringBoot 插件化开发详细总结

SpringBoot 插件化开发方案总结

congge 1万+

jquery与dom对象相互转换

<br />在使用jquery的过程中,常常会遇到jquery对象和dom对象互相转化的问题,怎么相互转换呢?<br /> <br />1、dom对象转换成jquery对象<br />    用$()即可把一个dom对象转换成jquery对象。如下所示:<br /> <br />    var hrdom= document.getElementById("hr2001");  //DOM对象 <br />    var obj = =$(hrdom);    //jquery对象,然后就可以使用obj.h

心灵净土 1337

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

JQuery与Dom对象相互转换

WEB端代码: http://www.w3.org/TR/html4/strict.dtd">                                Untitled Document                                                    $(document).ready(function(){                  

CC的专栏 276

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

jquery对象与DOM对象的相互转换

今天想要用checkbox做出半选效果, 找到了indeterminate属性,但是使用时出现了意外,原因是jquery对象不能调用DOM中的方法。因此找了jquery对象与DOM对象的相互转换方法,方法如下: 1.jquery对象转成DOM对象: jquery对象是一个数组对象,即使只选择了一个对象,比如id唯一的一个标签,此时获取的jquery也是一个数组,可以通过【index】或get...

sunddy_x的博客 399

DOM对象和jQuery对象的理解及它们之间的相互转换

一、DOM对象 DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。 根据W3C DOM规范,DOM是HTML与XML的应用编程接口(API)。 通过 DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性。可以对其中的内容进行修改和删除,同时也可以创建新的元素。 HTML DOM 独立于平台和编程语言。

skh2015java的博客 1036

jQuery 对象与 DOM 对象的相互转换

jQuery 对象与 DOM 对象的相互转换 虽然 jQuery 对象与 DOM 对象不是同一个对象,但其实两者本质上是一样的,两者可以相互转换。 jQuery 对象转 DOM 对象 这里接着上面的伪数组继续说。 既然 jQuery 对象其实就是 DOM 对象的一个集合,那我们通过取出集合中一个对象,不就相当于是从 jQuery 的众多对象中取出来了一个,然后"转换"成了一个 DOM 对象吗? j...

A-Select ° 204

JQuery dom对象与jquery对象相互转换 小案例

案例: html> head> meta charset="UTF-8"> title>dom对象与jquery对象相互转换title> script src="../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8">script> script type="text/javascript">

LPDFIGHT的博客 478

jQuery对象与DOM对象的相互转换

     通过jQuery选择器获取的对象与通过document.getElementById获取的对象是不同类型对象。    使用jQuery获取的对象不能使用DOM中的方法,而DOM对象也不能直接使用jQuery中的方法,例如  $p.html(*)是会报错的。那就涉及到将他们相互转换的问题,那么,如何将他们相互转换呢?1.jQuery对象转DOM对象方法一:[index] (1) jQuer...

weiboren的博客 520

jquery对象和javascript对象即DOM对象相互转换

jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象。jQuery 对象是 jQuery 独有的,其可以使用 jQuery 里的方法,但是不能使用 DOM 的方法;例如: $("#img").attr("src","test.jpg"); 这里的 $("#img")就是 jQuery 对象。 DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javas

yuzuodeyunwcj的专栏 301

jQuery对象和DOM对象之间的相互转换

先是DOM对象转换为jQuery对象: 首先需要引入jQuery函数库 //获取DOM对象 var username=document.getElementById("username"); alert(username.value); //转换为jquery对象 转换后就可以使用jQuery中的方法了 var $username=$(username)

4917

jQuery对象和DOM对象的相互转换

jQuery对象不能使用DOM中的方法,但有时在开发的过程中,也会遇到jQuery对象与DOM对象相互转换的时候,jQuery对象转换成DOM对象有以下两种处理方法。 1.jQuery对象是一个类似数组的对象,可以通过[index]的方法得到相应的DOM对象。 jQuery代码如下: var $box = $("#box"); //jQuery对象 var box = $box[0];

qq_32262155的博客 433

Jquery对象和DOM对象的相互转换

1.jQuery对象转换为DOM对象jQuery对象不能使用DOM中的方法,但如果对jQuery对象所提供的方法不熟悉,或者jQuery没有封装想要的方法,不得不使用DOM对象的时候,有以下两种处理方法。jQuery提供了两种方法将一个jQuery对象转换为DOM对象,即[index]和get(index)。(1)jQuery对象是一个类似数组的对象,可以通过[index]的方法得到相应的DOM对...

qq_1724201421的博客 296
上一篇: 体验javaFX 1.0
下一篇: 我的Ubuntu用上腾讯QQ了
excellentjava
博客等级 码龄20年 0粉丝 0原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值