js和jQuery对象之间的转换

于 2019-09-06 10:04:46 发布
阅读量90 收藏
点赞数
分类专栏： 前端 文章标签： js与jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43582611/article/details/100573614
版权 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>jQuery对象和js对象之间的转换</title>
        <script src="../js/jquery-3.3.1.min.js"></script>
    </head>
    <body>
    	<div id="div1"></div>
    	<div id="div2"></div>
 	</body>
 	
 	<script>
 		/* js 获取所有div的对象*/
 		var  divs = document.getElementsByTagName("div");
 		alert(divs.length);
 		for(var i=0;i<divs.length;i++){
 			//divs[i].innerHTML="aaa";
 			//js对象转为jq对象
 			$(divs[i]).html("aaa");
 		}
 		
 		/*通过jq获取所有叫div的对象*/
 		var $divs = $("div");
 		/*alert($divs.length);
 		$divs.html("ddd");*/
 		//jq对象转为js对象
 		$divs[0].innerHTML="111111";
 		$(divs).get(1).innerHTML="222222222";
 	</script>
</html>

总结

jQuery转为js
jQuery对象（索引）或者 jQuery对象.get（索引）

js转为jQuery对象
$(js对象)

Distance-X
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery对象和javascript对象即DOM对象相互转换
12-09
例如，当你需要操作某个特定的DOM属性，而jQuery没有提供直接的接口时，可以先将jQuery对象转换为DOM对象，然后进行操作。 总的来说，jQuery对象与DOM对象之间的转换是开发中常见的需求。掌握这种转换技巧能帮助你...
jQuery对象和Javascript对象之间转换的实例代码
12-09
然而，jQuery对象和JavaScript对象（特别是DOM对象）在使用上存在差异，需要进行适当的转换以充分利用各自的优势。本文将详细介绍如何在jQuery对象与JavaScript对象之间进行转换。 首先，我们来理解两个主要概念： ...
jQuery对象和DOM对象相互转化
12-04
DOM对象能使用Javascript固有的方法，但是不能使用jQuery里的方法。例如：document.getElementById(“img”).src=”test.jpg”;这里的document.getElementById(“img”)就是DOM对象；$(“#img”).attr(“src”,”...
jQuery对象和DOM对象的相互转化实现代码
12-02
jQuery对象和DOM对象是两个不同的概念，但它们之间可以相互转化，以适应不同场景的需求。 首先，让我们理解这两个对象的区别： **jQuery对象**：jQuery对象是通过jQuery函数包装DOM元素创建的。比如，`$(“#img”)...
JavaScript对象之间的转换 jQuery对象和原声DOM
01-21
$(“#test”) //jQuery对象 $(“#test”)[0] //jQuery对象->原生的DOM对象 $($(“#test”)[0]) //DOM对象->jQuery对象(有点绕，但只要明白使用$()后能将原生的DOM对象封装成jQuery对象即可)
pi_heif-0.17.0-cp310-cp310-manylinux_2_17_aarch64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
Numper基础（一）
07-27
Numper基础（一）
C语言写的潮流计算大作业代码.zip
07-27
c写的潮流计算大作业代码.zipc写的潮流计算大作业代码.zipc写的潮流计算大作业代码.zip
关于大模型的教程、调用和使用技巧的资源，帮助更多人高效地认知和使用大模型.docx
07-27
大模型（Large Models），尤其是指预训练的大规模语言模型，在自然语言处理（NLP）、计算机视觉（CV）等领域取得了显著的进步。以下是一些关于大模型的教程、调用和使用技巧的资源，帮助更多人高效地认知和使用大模型： 1. 大模型教程资源 官方文档： 大多数大型模型都会在其官方网站或GitHub页面上发布详细的文档，包括模型介绍、安装指南、使用示例等。 例如，Hugging Face的Transformers库提供了丰富的文档和教程。 在线课程： Coursera、edX等在线教育平台上提供了关于大模型的课程。 例如，斯坦福大学的NLP课程通常会涵盖最新的大模型技术。 博客文章： Medium、Towards Data Science等平台上有很多关于大模型的文章，这些文章通常由专业人士撰写，包含实战经验和技巧。 视频教程： B站（bilibili.com）和YouTube上有很多关于大模型的教程视频，适合初学者入门。 2. 调用API和使用技巧 Hugging Face Transformers： 提供了多种预训练模型的加载和调用方式。 Hugging Face文档 是一个非常
pi_heif-0.17.0-cp39-cp39-macosx_14_0_arm64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
微麦电影购票小程序，分为三部分-小程序端-商家（影院）后台与官方后台.zip
07-27
微麦电影购票小程序，分为三部分-小程序端-商家（影院）后台与官方后台.zip
[毕设]酒店管理系统PPT与源码展示.zip
07-27
[毕设]酒店管理系统PPT与源码展示
企业数字化运营管理总体规划方案
最新发布
07-27
本资料围绕总体信息化规划方案、智慧运营系统建设规划方案、阶段性建设方案等方面阐述企业数字化运营管理总体规划方案。
MATLAB hough变换答题卡识别（GUI，配论文）.zip
07-27
MATLAB hough变换答题卡识别（GUI，配论文）.zip
毕设酒店管理系统论文视频源码集.zip
07-27
[毕设]酒店管理系统论文视频源码集" 是一个针对计算机科学或信息技术相关专业学生毕业设计项目的综合资源包。这个资源集包含了酒店管理系统开发所需的各个方面，旨在帮助学生从理论到实践全面理解和掌握酒店管理系统的开发流程和技术细节。 具体来说，这个资源集通常包括： 论文：详细阐述了酒店管理系统的背景、需求分析、系统设计、实现过程及测试验证等各个环节，为学生提供了系统的理论框架和思路指导。 视频教程：通过视频形式，直观地展示了酒店管理系统的开发过程，包括开发环境的搭建、代码编写、数据库设计、功能实现等步骤，便于学生理解和模仿。 源码：提供了酒店管理系统的完整源代码，包括前端界面、后端逻辑及数据库设计等部分，学生可以直接下载并运行，或者根据自己的需求进行修改和扩展。 综上所述，"毕设酒店管理系统论文视频源码集"是一个集论文指导、视频教学和源码实践于一体的综合性资源，对于想要进行酒店管理系统开发的学生来说，具有极高的参考价值和实用性。 参考4条信息源
Matlab实现灰狼优化算法GWO-CNN-BiLSTM-Mutilhead-Attention多变量时序预测.rar
07-27
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
分享一套基于ssm小说阅读网站(源码+文档+部署).zip
07-27
【基于ssm小说阅读网站的设计与实现】成功以高分通过项目，期间得到了导师的悉心指导与关键助力。 本项目是一套基于ssm小说阅读网站，专为计算机专业学生及Java学习者量身打造，特别适合正在做毕业设计的学生和寻求项目实战练习的学习者。也可作为课程设计或期末大作业使用。 本项目包含完整的项目源码、数据库脚本、开发说明文档等，可直接用于毕业设计。 经过严格调试，确保运行无误，让您信心满满，期待满满！
从图床获取的html代码中提取IMG标签并提取图片复制到剪贴板.zip
07-27
资源介绍：本例使用原生js写的从图床获取的html代码中提取IMG标签并提取图片复制到剪贴板 资源特点：代码短小、代码容易阅读、重点注释、方便扩展、样式美观、。 适用人群：前端从业职，新手小白，有网站开发能力对美工有所欠缺的后端工程师。 提示：------------------------------------------------------------------------------------------------------------ 文件夹里包含预览图，源码有注释。没有任何广告和病毒，可放心下载，学习，使用。
[毕设]数据结构课程设计：排序算法优化探索.zip
07-27
[毕设]数据结构课程设计：排序算法优化探索
jquery对象和dom对象相互转换
06-08
将jQuery对象转换为DOM对象，可以使用数组下标或者get()函数，例如: ```javascript var $jqueryObject = $("#myDiv"); var domObject = $jqueryObject[0]; // 或者 var domObject = $jqueryObject.get(0); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值