JQ对象和JS对象之间的转化

最新推荐文章于 2024-04-26 17:11:06 发布
最新推荐文章于 2024-04-26 17:11:06 发布
阅读量2.4k 收藏 2
点赞数
分类专栏： JQuery 文章标签： JQ对象和JS对象之间的转化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44706512/article/details/90298570
版权

JQ对象和JS对象之间的转化

 将JS对象转换成JQ对象
 $(div).html("JS对象转换成JQ对象")

 将JQ对象转成JS对象
 var $div = $("#div1");
 var jsDiv = $div.get(0); //或者用var jsDiv = $div[0];

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../../js/jquery-1.11.0.js" ></script>
		<script>
			//JS
			function dianwo(){
			       var div=document.getElementById("div1");
			      //div.innerHTML="JS方式修改"
			      
			      //将JS对象转换成JQ对象
			      $(div).html("JS对象转换成JQ对象")
			}
	
			//JQ
			$(function(){
				//给按钮绑定事件
				$("#btn2").click(function(){
				    //找到div1
				    $("#div1").html("JQ方式修改");
				    //将JQ对象转成JS对象
				    var $div = $("#div1");
			        var jsDiv = $div.get(0); //或者用var jsDiv = $div[0];
			       
			       jsDiv.innerHTML="JQ对象转换成JS对象";			    
				});
		   });		
		</script>	
	</head>
	<body>
		<input type="button" value="JS修改" onclick="dianwo()" />
		<input type="button" value="JQ修改" id="btn2" />
		<div id="div1">
			这里的内容将被JS/JQ修改
		</div>
	</body>
</html>

 

云飞扬°
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Js与Jq获取浏览器和对象值的方法
01-21
JS and Jquery 都能获取页面元素的宽度，高度和相对位移等数值，那他们之间能相互转换或替代吗，写法又有哪些差异呢？本文将详细为你介绍。 1.Js获取浏览器高度和宽度 document.documentElement.clientWidth ==> ...
jquery对象和javascript对象即DOM对象相互转换
12-09
jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象。jQuery 对象是 jQuery 独有的，其可以使用 jQuery 里的方法，但是不能使用 DOM 的方法；例如： $(“#img”).attr(“src”,”test.jpg”); 这里的 $(“#img”)...
js转换JQ对象
weixin_38929027的博客
03-01 133
1.用$()将js对象包住 let temp=(js对象)比如:如果变量rowData[i][value]是span标签,可以这样获取文本lettemp=(js对象) 比如:如果变量rowData[i][value]是span标签,可以这样获取文本 let temp=(js对象)比如:如果变量rowData[i][value]是span标签,可以这样获取文本lettemp=(rowData[i][...
jQuery对象与js对象的相互转化
ling_xy的博客
03-12 341
1.jquery对象转换成原生js对象 console.log($(".btn")[0]); 2.原生js如何转化为jquery对象 var id=document.querySelector("#btninfo"); console.log(id); console.log($(id));
java 如何将一个对象转换成另一个对象
最新发布
xiaotiaoza的博客
04-26 506
对于复杂的对象转换，可以使用像 Dozer 或 ModelMapper 这样的转换框架。导入Dozer的依赖和配置// 假设已有Dozer的依赖和配置// ...// ...//第一个参数是源对象，第二个参数是目标对象。
js和jq的互相转换
weixin_33790053的博客
06-16 196
2019独角兽企业重金招聘Python工程师标准>>> ...
jquery对象和js对象的相互转换
热门推荐
wenxiukeke的博客
07-06 1万+
两种转换方式将一个jQuery对象转换成js对象：[index]和.get(index); (1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的js对象。 如：var $v =$("#v") ; //jQuery对象 var v=$v[0]; //js对象 alert(v.checked) //检测这个checkbox是否被选中 (2)jQuery本身提供，通过.get...
jQuery对象和JS对象的区别
泗水六年的博客
11-30 310
jQuery对象和JS对象的区别 DOM对象是我们用传统的JS方法获得的对象，jQuery对象是我们用jQuery的选择器获得的对象。jQuery对象就是jQuery通过对DOM对象包装后产生的对象，它是jQuery独有的。jQuery对象中无法使用DOM对象的任何方法。同样DOM对象也无法使用jQuery对象的任何方法。jQuery提供了两种方法将一个jQuery对象转换成一个DOM对象，即[index]和get(index)。对于一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQu
jQuery对象和DOM对象相互转化
12-04
DOM对象就是Javascript固有的一些对象操作。DOM对象能使用Javascript固有的方法，但是不能使用jQuery里的方法。例如：document.getElementById(“img”).src=”test.jpg”;这里的document.getElementById(“img”)...
jquery对象和DOM对象的区别介绍
12-12
互相转化见Q1 Q1,js的写法:document.getElementById(‘save’).disabled=true; 在jquery中我是这样写的$(“#save”).disabled = true; 为什么没效果呢 A,这个是典型的问题，其实因为$(“#save”)出
javascript中html字符串转化为jquery dom对象的方法
10-23
最近项目需求要开发百度地图相关的一个应用，需要从硬编码的html字符串中提取自己想要的元素以及属性信息，由于在js中或者jq中操作元素节点以及属性都是使用dom对象或者jq对象。下面介绍javascript中html字符串转化...
JQ和JS对象之间的转换
w2019424的博客
07-22 114
代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/jquery-1.8.3.js"></script> <scri...
JS对象转换为Jquery对象
zhuyu19911016520
12-27 969
$(document.getElementsByTagName("a")).each(function () {                 if ($(this).text() == "jquerys") {                     $(this).addClass("navTitle");                 }   });
JSP 之JQ 与JS互相转换
m0_37173821的博客
10-24 1198
由于在做项目维护时，经常会遇到JS语言与JQ语言混用的情况，JQ相对JS来说，代码量更少更简洁，能做到JS做不到的功能，下面我给大家分享几个简单的JQ，JS互相转换的方法。  jq转换为js a 索引方式var $abc = $("p"); //$abc p集合对象(jq) var p2_obj = $abc[1]; p2_obj.style.backgroundColor = blue;b
jq对象与js对象互转
weixin_46529988的博客
05-22 266
Jquery对象、js对象 这两个对象都只能用各自的属性和方法，如果需要使用对放的属性方法，就得进行转换 1、jQuery对象转换成js对象：[index]和.get(index)： var a = $("#dd"); //jquery对象 var b = a[0]; //js对象 var a = $("#dd"); //jquery对象 var b = a.get[0]; //js对象 2、js对象转换成jQuery对象，用$()把DOM对象包起来。 var cc=document.getE
jQuery对象转换及jQuery选择器
Cream_Cicilian的博客
09-12 453
jQuery对象转换及jQuery选择器对象转换（指的是DOM对象与jQuery对象之间的转换）一．DOM对象和jQuery对象 ①DOM(Document Object Model，文档对象模型) {每一份DOM都可以表示成一棵树，我们也很熟悉这种树了}像<h3><p><ul><li>什么的都是DOM元素节点。 可以通过JavaScript的getElementsByTagN
js对象转换
香蕉你个芭呐呐的博客
04-19 719
js对象属性值转换 var propMap = { f: 'fuctionId', t: '请求时间', u_p: 'pin', d: '请求耗时(毫秒)', p_c: '平台', p_cv: '客户端版本', p_n: '网络类型', u_u: '用户IP', s: '服务端IP', p_u: 'uuid', p_sn: '分辨率', p_...
JS如何转成JQUERY对象
shendange123的博客
04-28 382
对于已经是一个js对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(js对象) 如：var v=document.getElementById("v"); //js对象 var $v=$(v); //jQuery对象
js和jq的相互转换
兔老大的胡萝卜
11-01 1381
var content = document.getElementById("content");//js元素 var jqcontent = $(content);//js转jq jqcontent.css("color","");//拥有jq属性 var jscontent = jqcontent[0];//js转jq jscontent.style.color = "";//拥有js属性 ...
fastjson怎么将对象转换成gateway支持的字符串
05-24
Fastjson是一个Java语言编写的JSON（JavaScript Object Notation）处理器，可以将Java对象转换为JSON格式的字符串。如果您要将Java对象转换为Gateway支持的字符串，可以使用Fastjson提供的API，将Java对象转换为JSON...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值