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对象
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 342
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 637
对于复杂的对象转换，可以使用像 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
JQ和JS对象之间的转换
w2019424的博客
07-22 115
代码如下 <!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 971
$(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 721
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 383
对于已经是一个js对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(js对象) 如：var v=document.getElementById("v"); //js对象 var $v=$(v); //jQuery对象
js和jq的相互转换
兔老大的胡萝卜
11-01 1384
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属性 ...
js 对象类型转换
weixin_54259790的博客
05-27 1930
js 对象类型转换：    对象直接参与计算时，系统会根据计算的场景在 string/number/default 间转换。 1. 如果声明需要字符串类型，调用顺序为 toString > valueOf let obj = { num:1, // 运算对象为字符串类型调用 toString(){ console.log("调用toString"); return this.num
js与jquery对象相互转换
wyc2410的专栏
09-15 615
jQuery已经被许多站点引用，并且官方正在致力开发jQuery2.0版本。在实际中，我们可能会有这样的需求，如使用jQuery获取DOM对象，然后转换到JS对象使用。或者JS获取的DOM对象转到jQuery对象使用。其实实现JS与jQuery对象互转是非常容易的。 JS对象转到jQuery对象 1 2 3 4 5 // 琼台博客 JS与jQuery对象互转 // JS获取对象 var obj =
jQuery数组对象转javascript数组
feinifi的博客
11-29 7247
当我们在前端开发中，使用了jQuery时，我们通常通过$(".box-item")的方式获取的是一个jQuery对象是一个类数组对象，当我们需要向后台传输的数据中，使用的是javascript数组，或者有时候，我们需要将jQuery对象转换为javascript对象，一般来说jQuery对象，是不同于javascript元素或对象的，他是一个自带length属性的对象，但不是数组对象。 说类...
JQuery对象与js对象的相互转换方法总结
u011777164的专栏
09-09 1万+
众所周知，jquery框架使用起来十分方便，被众多互联网公司使用，它不仅开源，而且占用空间十分小，加载速度非常快。今天在这里优点就不多说了，这里就总结一下，jquery对象与js对象之间的互相转换方法。          一、获取jquery对象          1.    var  $v = $('#id');          二、js对象转化成jquery对象        1  
Js与jQuery的相互转换
weixin_33968104的博客
04-18 304
$()与jQuery() jQuery中$函数，根据传入参数的不同，进行不同的调用，实现不同的功能。返回的是jQuery对象 jQuery这个js库，除了$之外，还提供了另外一个函数：jQuery jQuery函数跟$函数的关系：jQuery ===$; jQuery与js区别 jquery有一层功能皮肤，其内核还是js JS与jQuery对象之间的转换 1、js对象转换成jquer...
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、付费专栏及课程。

余额充值