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

最新推荐文章于 2023-04-08 10:41:35 发布
最新推荐文章于 2023-04-08 10:41:35 发布
阅读量765 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Geek_ymv/article/details/36898393
版权 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>jqueryTest.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <script type="text/javascript" src="js/jquery-1.4.4.js"></script>
    
    <script type="text/javascript">

		$(document).ready(function(){
		/*
			var domObj = document.getElementsByTagName("p")[0];
			//将DOM对象转换成JQuery对象
			var jqueryObj = $(domObj);

			alert("dom = " + domObj.innerHTML);
			
			alert("jQuery = " + jqueryObj.html());
		*/

			var j = $("#clickMe");

			//将jQuery对象转换成DOM对象：方式一
//			var d1 = j[0];
//			alert(d1.innerHTML);

			//将jQuery对象转换成DOM对象：方式二
			var d2 = j.get(0);
			alert(d2.innerHTML);

		});

    </script>

  </head>
  
  <body>
	<p id="clickMe">点击我</p>		
  </body>
</html>

Geek_ymv
关注
专栏目录
三维模型直接生成DOM（附软件下载）
qq_43173805的博客
08-21 5432
工作中我们有时需要将现有的实景三维模型生成正射影像，今天我们就来看看怎么快速的将osgb三维模型转DOM。 三维模型转DOM我们要用到的软件是大势智慧的DasViewer，这个我们之前有介绍过，具体的可以看这篇文章：免费的实景三维浏览器竟然可以这么好用？ DasViewer软件是一款完全免费的行业软件，可去大势智慧官网下载也可以直接在文末获取网盘下载链接。 下面我们就来具体的了解下DasViewer的三维模型转DOM 目前DasViewer目前只支持osgb、dav、obj这三种格式的模型。 下面我们就以.
jQuery对象和DOM对象之间相互转换的方法介绍
10-24
需要注意的是，虽然可以相互转换，但jQuery对象和DOM对象不可以直接相互调用各自的方法。例如，jQuery对象不能直接使用DOM方法，因为它们并不完全相同。反之，DOM对象也不能直接使用jQuery的方法。不过，一旦完成了...
DOM对象与jQuery对象的相互转换
老杨的博客
09-05 289
1）将jquery对象转换为dom对象 标题 确认 window.onload=function(){ var btnObj=$("#btn"); btnObj[0].onclick=function(){ alert($('input').val()); } } 2）dom对象转换为jquery对象 标题 确认
Jquery 获取对象的几种方式
zengyonglan的博客
01-03 2万+
1、JQuery的核心的一些方法 each(callback) ‘就像循环$("Element").length; ‘元素的个数，是个属性 $("Element").size(); ’也是元素的个数，不过带括号是个方法 $("Element").get(); ‘某个元素在页面中的集合，以数组的形式存储 $("Element").get(index); ’功能和上面的相同，index表示第几个元素，
jQuery对象和DOM对象的相互转换
最新发布
qq_51387458的博客
04-08 871
jQuery对象和DOM对象的相互转换
JQuery对象与DOM对象相互转换
Carey
09-29 1329
核心提示：jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型，一般情况下，如S(’#id’)得到的是jquery对象，它不能使用js中的dom方法。所以，如果jquery对象要使用标准的dom方法，就需要进行对象转换。 刚开始学习jQuery，可能一时会分不清楚哪些是jQuery对象，哪...
jquery对象与dom对象相互转换
吴小粥的博客
10-16 1403
DOM对象才能使用DOM中的方法，jquery对象是不可以用DOM中的方法。 同样，jquery对象才能使用jquery中的方法，DOM对象是不可以使用jquery中的方法的。
jQuery对象与DOM对象的互相转化
qq_32445689的博客
02-01 519
JQuery转化为DOM对象，获取第N个JQuery对象，DOM对象转化为JQuery对象
jQuery对象与dom对象的区别与相互转换
sulixu的博客
08-18 170
什么是jQuery对象？ 就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。 例如： $("#apple").html() 意思是指：获取id为apple的元素内的html代码。其中html()是jQuery里的方法 这段代码等同于用DOM实现代码： document.getElementById("id").innerHTML; 虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也
jQuery对象与DOM对象之间相互转换
light
08-02 2201
jQuery对象转成DOM对象： 两种转换方式将一个jquery对象转换成DOM对象：[index]和.get(index); (1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。 如：var v=v =(“#v”) ; //jQuery对象 var v=$v[0]; //DOM对象 alert(v.checked) //检测这个checkbox是否被选中 (
jquery对象和DOM对象的相互转换详解
易的博客
03-03 1168
jquery对象和DOM对象的相互转换 在讨论jquery对象和DOM对象的相互转换之前，先约定好定义变量的风格如果获取的是jquery对象，那么在变量前面加上$,例如 var $varible = jquery对象； 如果获取的是DOM对象，则定义如下： var varible = DOM对象； 1.jquery对象转成DOM对象： jquery对象不能使用DOM中的方法，但如果对jquery对象所提供的方法不熟悉，或者没有jquery想封装的方法，不得不使用DOM对象，即【index】和ge
jquery对象和javascript对象即DOM对象相互转换
12-09
总的来说，jQuery对象与DOM对象之间的转换是开发中常见的需求。掌握这种转换技巧能帮助你更好地利用这两个世界的优点，提升代码的可读性和效率。在编写jQuery代码时，一定要注意选择合适的方法，避免混淆两者，这样...
jQuery对象与DOM对象之间的相互转换
12-04
总的来说，熟练掌握jQuery对象与DOM对象之间的转换，能够使你在处理JavaScript项目时更加得心应手，提高代码的灵活性和可读性。在实际工作中，根据需求灵活选择使用jQuery对象或DOM对象，可以优化代码性能，提高开发...
jQuery对象与DOM对象之间的转换方法
10-29
最后，我们要认识到，虽然DOM对象和jQuery对象可以互相转换，但它们本质上是不同的对象类型，各自有自己的优势和使用场景。在开发中合理地选择使用jQuery对象或DOM对象，或者在需要时进行适当的转换，将帮助我们编写...
使用js实现tab页签切换效果
热门推荐
Geek_ymv的专栏
10-23 5万+
效果图如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta ...
使用jQuery实现select级联效果
Geek_ymv的专栏
10-28 1万+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> New Web Project $(function(){ var anhui_city = ["合肥", "芜湖", "蚌埠"];
使用js的定时器setTimeout()实现加载进度条效果
Geek_ymv的专栏
10-23 8001
效果图如下：
JS中定义对象方式三： 使用构造函数方式创建对象
Geek_ymv的专栏
03-13 7216
function Person(username, password) { //在执行第一行代码之前，js引擎会为我们生成一个对象。 this.username = username; this.password = password; this.getInfo = function() { alert(this.username +":"
JS中定义对象方式二： 使用工厂方式创建对象（传递参数，及其改进方法）
Geek_ymv的专栏
03-12 4441
//工厂方式创建对象 function createObject(username, password) { var object = new Object(); object.username = username; object.password = password; object.getInfo = function() {
jQuery对象与DOM对象转换及选择器详解
"这篇学习笔记主要讲解了如何获取jQuery对象，以及jQuery对象与DOM对象之间的转换和使用。jQuery选择器的使用是其核心内容，包括基本选择器、过滤选择器和层次选择器等。" 在JavaScript的世界里，jQuery库极大地...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值